如何通过左键打开ContextMenu并兼容MVVM与命令绑定？

核心问题分析 #

用样式触发打开ContextMenu时，菜单默认的DataContext未继承宿主控件的ViewModel，这是命令绑定失效的主要原因。

具体实现方案 #

1. 用行为（Behavior）实现（最贴合MVVM） #

将左键触发逻辑封装为独立行为，同时确保菜单继承宿主的上下文：

XAML部分

先引入行为命名空间：

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

定义ContextMenu和绑定行为的控件：

<Window.Resources>
    <ContextMenu x:Key="LeftClickMenu">
        <MenuItem Header="执行操作" Command="{Binding DoSomethingCommand}" />
    </ContextMenu>
</Window.Resources>

<Button Content="左键点击打开菜单">
    <i:Interaction.Behaviors>
        <local:LeftClickOpenMenuBehavior ContextMenu="{StaticResource LeftClickMenu}" />
    </i:Interaction.Behaviors>
</Button>

自定义行为代码

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Interactivity;

public class LeftClickOpenMenuBehavior : Behavior<FrameworkElement>
{
    public static readonly DependencyProperty ContextMenuProperty =
        DependencyProperty.Register(nameof(ContextMenu), typeof(ContextMenu), typeof(LeftClickOpenMenuBehavior));

    public ContextMenu ContextMenu
    {
        get => (ContextMenu)GetValue(ContextMenuProperty);
        set => SetValue(ContextMenuProperty, value);
    }

    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.MouseLeftButtonUp += OpenMenu;
    }

    protected override void OnDetaching()
    {
        base.OnDetaching();
        AssociatedObject.MouseLeftButtonUp -= OpenMenu;
    }

    private void OpenMenu(object sender, MouseButtonEventArgs e)
    {
        if (ContextMenu == null) return;
        
        ContextMenu.DataContext = AssociatedObject.DataContext;
        ContextMenu.PlacementTarget = AssociatedObject;
        ContextMenu.IsOpen = true;
        e.Handled = true;
    }
}

2. 修正样式触发的上下文传递（适合坚持用样式的场景） #

如果仍想用样式触发，需手动给菜单绑定宿主的DataContext：

XAML样式定义

<Style TargetType="Button">
    <Setter Property="ContextMenu" Value="{StaticResource LeftClickMenu}" />
    <EventSetter Event="MouseLeftButtonUp" Handler="Button_LeftClick" />
</Style>

后台触发代码

private void Button_LeftClick(object sender, MouseButtonEventArgs e)
{
    var button = sender as Button;
    if (button?.ContextMenu == null) return;
    
    button.ContextMenu.DataContext = button.DataContext;
    button.ContextMenu.PlacementTarget = button;
    button.ContextMenu.IsOpen = true;
    e.Handled = true;
}

关键注意事项 #

• 无论哪种方案，必须确保ContextMenu的DataContext指向宿主控件的ViewModel，否则命令绑定无法找到目标方法。
• 行为方案更符合MVVM原则，将UI交互逻辑与ViewModel、后台代码分离，便于复用和维护。

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