WPF中ListViewItem内CheckBox绑定ICommand失效问题排查与解决

我之前在WPF开发中，遇到了ListViewItem内部的CheckBox绑定自定义ICommand无法触发Execute方法的问题，折腾了两种写法都没成功，后来终于找到可行的解决办法，下面把整个过程和方案整理出来：

先看我的基础代码 #

ViewModel基础实现

public ViewModelBase()
{
    SelectedFileCommand = new SelectedFileCommand(this);
}

对应的XAML设置DataContext：

<Page.DataContext>
    <viewmodel:ViewModelBase/>
</Page.DataContext>

自定义ICommand类

public class SelectedFileCommand : ICommand
{
    public event EventHandler CanExecuteChanged;
    public ViewModelBase ViewModel { get; set; }

    public SelectedFileCommand(ViewModelBase viewModel)
    {
        ViewModel = viewModel;
    }

    public bool CanExecute(object parameter)
    {
        return true;
    }

    public void Execute(object parameter)
    {
        // 这里是要执行的逻辑
    }
}

之前尝试的两种失败写法 #

第一种是用Interaction.Triggers监听Checked事件：

<CheckBox IsChecked="{Binding IsSelected}">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Checked">
            <i:InvokeCommandAction Command="{Binding SelectedFileCommand}" CommandParameter="{Binding}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</CheckBox>

问题所在：因为CheckBox在ListViewItem内部，它的DataContext默认是ListView的子项数据对象，而不是我们的ViewModelBase，所以{Binding SelectedFileCommand}根本找不到对应的命令，自然触发不了Execute。

第二种写法的错误更明显：

<CheckBox DataContext="{Binding}">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="IsChecked">
            <i:InvokeCommandAction Command="{Binding SelectedFileCommand}" CommandParameter="CheckBox.IsChecked"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</CheckBox>

问题所在：

1. EventName="IsChecked"是错误的，IsChecked是依赖属性，不是事件，应该用Checked或Unchecked；
2. CommandParameter="CheckBox.IsChecked"是字符串字面量，不是绑定表达式，传不到实际的IsChecked值；
3. 同样存在DataContext不匹配的问题，找不到ViewModel里的命令。

最终可行的解决方案 #

直接使用CheckBox的Command属性绑定，通过ElementName找到主视图的DataContext（也就是我们的ViewModel），这样就能正确关联到命令：

<CheckBox IsChecked="{Binding IsSelected}"
          Command="{Binding DataContext.CheckBoxSelectedFileCommand, ElementName=mainView}"
          CommandParameter="{Binding IsChecked}"/>

解释：

• ElementName=mainView：这里的mainView是你页面或主容器的Name，通过它可以拿到上层的DataContext（也就是ViewModelBase实例）；
• DataContext.CheckBoxSelectedFileCommand：从主视图的DataContext里获取我们定义的命令（注意这里命令名要和ViewModel里的一致，你可以根据自己的命名调整）；
• CommandParameter="{Binding IsChecked}"：把CheckBox的选中状态作为参数传递给Execute方法，方便在命令里处理逻辑。

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