如何为ListView的ListItem绑定上下文菜单并关联ViewModel

WPF的ContextMenu不属于控件可视化树分支，默认无法直接继承ListView的DataContext，这是你找不到直接绑定配置入口的核心原因，原生WPF即可实现需求，不需要引入第三方组件。

1. 配置ItemContainerStyle打通绑定链路 #

在ListView的项容器样式里，通过Tag属性暂存绑定上下文，解决ContextMenu找不到数据源的问题，直接给ContextMenu配置ItemsSource绑定即可：

<ListView x:Name="DataListView" ItemsSource="{Binding ItemList}">
    <ListView.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <!-- 把当前项的ViewModel存到Tag属性，给ContextMenu当绑定源 -->
            <Setter Property="Tag" Value="{Binding RelativeSource={RelativeSource Self}}"/>
            <Setter Property="ContextMenu">
                <Setter.Value>
                    <ContextMenu ItemsSource="{Binding PlacementTarget.Tag.DataContext.MenuItems, RelativeSource={RelativeSource Self}}">
                        <ContextMenu.ItemTemplate>
                            <DataTemplate>
                                <MenuItem Header="{Binding DisplayName}" Command="{Binding ActionCommand}" />
                            </DataTemplate>
                        </ContextMenu.ItemTemplate>
                    </ContextMenu>
                </Setter.Value>
            </Setter>
        </Style>
    </ListView.ItemContainerStyle>
    <!-- 列表项内容模板省略 -->
</ListView>

如果你要绑定的是窗口级的主ViewModel而非单条项的VM，把Tag的绑定改成{Binding DataContext, RelativeSource={RelativeSource AncestorType=ListView}}即可。

2. ViewModel层按项状态动态生成菜单集合 #

在单条列表项的ViewModel中暴露菜单集合属性，根据当前项的启用状态返回对应菜单项即可，不需要为不同状态单独写静态菜单：

public class ListItemVM : ObservableObject
{
    private bool _isEnabled;
    /// <summary>
    /// 列表项启用状态
    /// </summary>
    public bool IsEnabled
    {
        get => _isEnabled;
        set
        {
            _isEnabled = value;
            OnPropertyChanged();
            // 状态变更时通知菜单集合刷新
            OnPropertyChanged(nameof(MenuItems));
        }
    }

    /// <summary>
    /// 右键动态菜单项集合
    /// </summary>
    public ObservableCollection<ContextMenuItemVM> MenuItems
    {
        get
        {
            var menus = new ObservableCollection<ContextMenuItemVM>();
            if (!IsEnabled)
            {
                menus.Add(new ContextMenuItemVM
                {
                    DisplayName = "启用",
                    ActionCommand = new RelayCommand(EnableItem)
                });
                return menus;
            }
            menus.Add(new ContextMenuItemVM { DisplayName = "发送", ActionCommand = new RelayCommand(SendItem) });
            menus.Add(new ContextMenuItemVM { DisplayName = "取消", ActionCommand = new RelayCommand(CancelItem) });
            menus.Add(new ContextMenuItemVM { DisplayName = "禁用", ActionCommand = new RelayCommand(DisableItem) });
            return menus;
        }
    }

    // 菜单对应执行逻辑
    private void EnableItem() { /* 项启用逻辑 */ }
    private void SendItem() { /* 发送逻辑 */ }
    private void CancelItem() { /* 取消逻辑 */ }
    private void DisableItem() { /* 项禁用逻辑 */ }
}

/// <summary>
/// 菜单项模型
/// </summary>
public class ContextMenuItemVM
{
    public string DisplayName { get; set; }
    public ICommand ActionCommand { get; set; }
}

注意事项 #

• 不要把ContextMenu定义在ListView的资源字典里复用，会出现绑定源找不到的问题，写在ItemContainerStyle的Setter里稳定性最高
• 项的启用状态修改后，必须触发MenuItems的属性变更通知，否则右键菜单不会同步更新选项
• 如果需要给菜单命令传参，在MenuItem的CommandParameter里绑定对应数据即可

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