MAUI中DataTemplate内按钮无法绑定ViewModel命令的问题

问题根源是CollectionView的DataTemplate内部默认绑定上下文是单个Project实例，所以直接绑定GetProjectByCommand时，会去Project类里找这个属性，自然找不到——因为命令定义在页面的MainPageViewModel里。

下面是几种靠谱的解决方式：

方式一：用RelativeSource绑定父级的ViewModel #

通过RelativeSource向上查找CollectionView控件，它的BindingContext就是你的MainPageViewModel，以此来定位到命令：

<Button 
    Command="{Binding BindingContext.GetProjectByCommand, RelativeSource={RelativeSource AncestorType={x:Type CollectionView}}}"
    CommandParameter="{Binding Id}" />

• CommandParameter绑定当前Project的Id，这样ViewModel里的命令就能拿到对应的项目ID，调用GetProjectById方法处理。

方式二：用ElementName绑定页面的ViewModel #

先给页面设置一个名称，比如x:Name="MainPage"，然后直接通过ElementName引用页面的DataContext（也就是MainPageViewModel）：

<ContentPage x:Name="MainPage" ...>
    <!-- 其他内容 -->
    <CollectionView ItemsSource="{Binding Projects}">
        <CollectionView.ItemTemplate>
            <DataTemplate x:DataType="models:Project">
                <!-- 其他列 -->
                <Button 
                    Command="{Binding DataContext.GetProjectByCommand, ElementName=MainPage}"
                    CommandParameter="{Binding Id}"
                    Text="操作" />
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

补充：ViewModel里的命令要正确实现 #

确保你的GetProjectByCommand是标准的ICommand类型，比如用RelayCommand（需要安装CommunityToolkit.Mvvm包）：

using CommunityToolkit.Mvvm.Input;

public class MainPageViewModel
{
    public ICommand GetProjectByCommand { get; }

    public MainPageViewModel()
    {
        // 泛型指定参数类型为int（对应Project的Id类型）
        GetProjectByCommand = new RelayCommand<int>(GetProjectById);
    }

    private void GetProjectById(int projectId)
    {
        // 这里写根据ID获取项目的业务逻辑
    }
}

注意：不建议把命令放到Project模型类里——模型应该只负责存储数据，业务逻辑和命令属于ViewModel的职责，强行混在一起会破坏MVVM的分层设计。

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