.NET MAUI中如何将DataTemplate移至独立XAML文件并保持Command生效

问题根源 #

将DataTemplate移到独立ContentView后，ContentView的默认BindingContext是自身，而非原页面的ViewModel。Subject能正常绑定是因为SfScheduler会把当前预约数据作为DataTemplate的绑定上下文，而AppointmentTappedCommand需要绑定到页面ViewModel，两者绑定上下文不一致导致命令失效。

解决方案 #

方案一：通过RelativeSource绑定页面ViewModel

在ContentView的DataTemplate中，使用RelativeSource指定绑定源为父页面，从而获取页面的ViewModel：

<syncfusion:SfScheduler.AppointmentTemplate>
    <DataTemplate>
        <ContentView>
            <Label Text="{Binding Subject}" />
            <!-- 绑定命令到页面ViewModel -->
            <Button Command="{Binding BindingContext.AppointmentTappedCommand, 
                            Source={RelativeSource AncestorType={x:Type views:YourPage}}}"
                    CommandParameter="{Binding .}" />
        </ContentView>
    </DataTemplate>
</syncfusion:SfScheduler.AppointmentTemplate>

注意替换views:YourPage为你实际的页面类型，并提前引入页面所在的命名空间。

方案二：给ContentView添加ViewModel绑定属性

1. 在ContentView的代码后台定义绑定属性：

using Microsoft.Maui.Controls;
using YourApp.ViewModels; // 替换为你的ViewModel命名空间

namespace YourApp.Views
{
    public partial class AppointmentContentView : ContentView
    {
        public static readonly BindableProperty ViewModelProperty = BindableProperty.Create(
            nameof(ViewModel),
            typeof(MainViewModel), // 替换为你的ViewModel类型
            typeof(AppointmentContentView));

        public MainViewModel ViewModel
        {
            get => (MainViewModel)GetValue(ViewModelProperty);
            set => SetValue(ViewModelProperty, value);
        }

        public AppointmentContentView()
        {
            InitializeComponent();
        }
    }
}

2. 在使用该ContentView的页面中，绑定ViewModel：

<views:AppointmentContentView ViewModel="{Binding .}" />

3. 在ContentView的DataTemplate中绑定命令：

<Button Command="{Binding ViewModel.AppointmentTappedCommand, 
                Source={RelativeSource AncestorType={x:Type views:AppointmentContentView}}}"
        CommandParameter="{Binding .}" />

方案三：使用x:Reference直接引用页面

如果页面设置了x:Name（比如x:Name="MainPage"），可以直接通过x:Reference绑定：

<Button Command="{Binding BindingContext.AppointmentTappedCommand, Source={x:Reference MainPage}}"
        CommandParameter="{Binding .}" />

注意：这种方式可能引发循环引用问题，仅在ContentView未嵌套在页面模板中时使用。

内容的提问来源于stack exchange，提问作者adamasan