WPF中ItemsControl内CheckBox的Click事件绑定ViewModel报错如何解决

错误原因 #

Click是WPF的路由事件，不是可绑定的依赖属性，不能直接用{Binding}语法关联ViewModel中的方法，XAML编译器要求事件后直接填写当前页面后台代码的事件处理方法名，因此你会收到类型不匹配的报错。

解决方案 #

提供两种符合MVVM规范的实现方式，按需选择即可：

方案1：使用事件触发器绑定命令（推荐，无后台代码）

需要先安装Microsoft.Xaml.Behaviors.WpfNuGet包，然后按以下步骤修改：

1. 修改ViewModel代码
   将方法封装为ICommand属性：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

public partial class SimulatorControlViewModel : ObservableObject
{
    // 公开命令属性
    public ICommand CheckedTriggeredCommand { get; }

    public SimulatorControlViewModel()
    {
        // 初始化命令，绑定执行逻辑
        CheckedTriggeredCommand = new RelayCommand<object>(ExecuteCheckedTriggered);
    }

    private void ExecuteCheckedTriggered(object parameter)
    {
        // parameter为当前点击的CheckBox对应的子系统项
        // 你的业务逻辑写在这里
    }

    // 你的其他代码，比如DigitalFilterSubsystems属性定义
}

2. 修改XAML代码
   先在根节点添加Behaviors命名空间：

<Window /* 你的其他命名空间 */
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors">

再修改CheckBox部分：

<CheckBox HorizontalAlignment="Center">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <i:InvokeCommandAction 
                Command="{Binding Path=DataContext.CheckedTriggeredCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}"
                CommandParameter="{Binding}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</CheckBox>

方案2：后台代码中转（轻量无额外依赖）

适合小项目快速实现：

1. 修改XAML中CheckBox的事件绑定

<CheckBox HorizontalAlignment="Center" Click="CheckBox_Click"/>

2. 在页面的.xaml.cs后台文件中添加中转逻辑

private void CheckBox_Click(object sender, RoutedEventArgs e)
{
    if (DataContext is SimulatorControlViewModel vm 
        && sender is CheckBox checkBox)
    {
        // 可按需传入当前选中的子系统项
        var selectedSubsystem = checkBox.DataContext;
        vm.Checked_Triggered(selectedSubsystem, e);
    }
}

3. 调整ViewModel中方法的参数适配即可

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