Question

我想拥有可在所有数据网格中使用的全局上下文菜单。我在App.xaml中定义了ContextMenu和样式。主窗口使用许多UserControl构建。

<Application.Resources>
    <ContextMenu x:Key="contextCommonMenu">
        <MenuItem Header="Import from Excel" Command={???} />
        <MenuItem Header="Export table to .csv file"/>
        <MenuItem Header="Save to Database"/>
        <MenuItem Header="Clear Data" />
        <MenuItem Header="Synchronize with DB"/>
    </ContextMenu>
    <Style TargetType="DataGrid">
        <Setter Property="ContextMenu" Value="{StaticResource contextCommonMenu}"/>
    </Style>

</Application.Resources>

我的问题是如何将命令从ViewModel绑定到ContextMenu？

如果ContextMenu是在UI Control中创建的，那么它很简单，因为Binding会看到ViewModel但我无权访问ViewModel？

Answer 1

这里的技巧是使用PlacementTarget属性，它包含元素，ContextMenu对齐，在我们的例子中是什么DataGrid。

但这只是解决方案的一半。由于数据模板，DataContext设置为dataitem，而不是视图模型。因此，您需要另一个相对源查找，以查找视图模型。 Trick Number 2是使用Tag属性将视图模型从外部绑定到网格，这是上面使用的PlacementTarget。我们就是。

您始终可以通过遍历相对来源来设置上下文菜单。例如，您可以设置上下文菜单的datacontext，如下所示：

    <Application.Resources>
       <ContextMenu x:Key="contextCommonMenu" DataContext="{Binding Path=PlacementTarget.Tag, RelativeSource={RelativeSource Self}}">
           <MenuItem Header="Import from Excel" Command="{Binding MyCommand}"/>
           <MenuItem Header="Export table to .csv file"/>
           <MenuItem Header="Save to Database"/>
           <MenuItem Header="Clear Data" />
           <MenuItem Header="Synchronize with DB"/>
       </ContextMenu>
       <Style TargetType="{x:Type DataGrid}">
           <Setter Property="ContextMenu" Value="{StaticResource contextCommonMenu}"/>
       </Style>
  </Application.Resources>

现在，在声明数据网格的视图中，您可以放置上下文菜单的标记以了解其绑定：

<DataGrid Tag="{Binding DataContext, RelativeSource={RelativeSource AncestorType={x:Type Grid}}}" />

我希望这适合你。上下文菜单将自动绑定到您在视图模型中定义的命令。

WPF - 带命令绑定的全局上下文菜单

1 个答案: