ItemsControl内ContextMenu的Click事件无法触发问题

我之前也踩过这个坑！WPF里的ContextMenu是脱离主VisualTree的独立元素，常规的直接绑定后台事件或者通过控件查找的方式经常会失效，因为它的上下文和ItemsControl的项不在同一个可视化树里。下面给你两种靠谱的解决办法：

方法一：用MVVM的Command绑定（推荐） #

这种方式最符合WPF的设计思想，也能完美避开可视化树的问题。你只需要给Month模型添加命令属性，直接绑定到MenuItem的Command上即可：

1. 先实现一个简单的RelayCommand（如果项目里没有现成的） #

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }

    public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke(parameter) ?? true;

    public void Execute(object parameter) => _execute(parameter);
}

2. 修改Month模型，添加命令属性 #

public class Month
{
    public int ColumnIndex { get; set; }
    public string MonthName { get; set; }
    
    // 新增菜单点击命令
    public ICommand MonthMenuClickCommand { get; }

    public Month()
    {
        MonthMenuClickCommand = new RelayCommand(ExecuteMonthMenuClick);
    }

    private void ExecuteMonthMenuClick(object parameter)
    {
        // 这里写菜单点击后的业务逻辑
        // parameter可以传递额外参数，直接用this也能拿到当前Month对象
        MessageBox.Show($"你点击了「{MonthName}」的菜单");
    }
}

3. XAML中绑定Command #

在ItemTemplate的DataTemplate里，给ContextMenu的MenuItem绑定命令：

<ItemsControl ItemsSource="{Binding RunYears}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid>
                <!-- 你的其他布局控件 -->
                <Grid.ContextMenu>
                    <ContextMenu>
                        <!-- 如果DataTemplate的DataContext是Month，直接绑定即可 -->
                        <MenuItem Header="编辑月份" Command="{Binding MonthMenuClickCommand}" CommandParameter="{Binding}"/>
                    </ContextMenu>
                </Grid.ContextMenu>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

方法二：直接绑定后台事件（适合非MVVM场景） #

如果不想用Command，也可以直接绑定后台Click事件，关键是要从MenuItem的DataContext里拿到对应的模型对象：

1. XAML中定义事件 #

<ItemsControl ItemsSource="{Binding RunYears}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="删除月份" Click="MonthMenuItem_DeleteClick"/>
                    </ContextMenu>
                </Grid.ContextMenu>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

2. 后台代码处理事件 #

private void MonthMenuItem_DeleteClick(object sender, RoutedEventArgs e)
{
    var menuItem = sender as MenuItem;
    if (menuItem == null) return;
    
    // 直接从DataContext拿到对应的Month对象
    var targetMonth = menuItem.DataContext as Month;
    if (targetMonth != null)
    {
        // 执行你的删除逻辑
        MessageBox.Show($"即将删除「{targetMonth.MonthName}」");
    }
}

如果你的ContextMenu是绑定在ItemTemplate的子控件上，还可以通过menuItem.PlacementTarget获取目标控件，再拿它的DataContext：

var targetGrid = menuItem.PlacementTarget as Grid;
var targetMonth = targetGrid?.DataContext as Month;

这样就能正常接收到点击事件啦！

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