无法在样式中使用父级的 DataContext

Question

我在从 Style 中访问特定 DataContext 时遇到了一些问题。
我有一个这样定义的DataGrid：

<DataGrid Name="ReferenceDataGrid" ItemsSource="{Binding Items}" AutoGenerateColumns="False" RowHeaderWidth="0" IsReadOnly="True">
    <DataGrid.Resources>
        <Style TargetType="DataGridRow">
            <Setter Property="ContextMenu">
                <Setter.Value>
                    <ContextMenu>
                        <MenuItem Header="Delete" Command="???" />
                    </ContextMenu>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.Resources>
    ...

包含此DataGrid 的Page 的DataContext 属性设置为

DataContext="{Binding RelativeSource={RelativeSource Self}}"

我想将RelayCommand 绑定到MenuItem 并尝试了几种不同的方法来做到这一点：

• Command="{Binding DeleteCommand}"
• Command="{Binding ElementName=Root, Path=DeleteCommand}" // 页面元素名称设置为 Root
• Command="{Binding ElementName=Root, Path=DataContext.DeleteCommand}"
• Command="{Binding Path=DataContext.DeleteCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGrid}}}"

我在DeleteCommand 的命令处理程序中设置了一个断点，但上述变体都没有到达那里。

假设Items 包含Foo 类型的元素。
如果我在Foo 中定义命令，则处理程序会被触发，因此似乎无论我在上面做了什么，每个DataGridRow 的DataContext 似乎都是列表元素本身。

知道该怎么做吗？

编辑：
我还尝试将DataContext 提取到一个单独的类中并引用它而不是Relative Self，因为我认为列表元素可能使用Relative Self 作为它们的DataContext，而不是它所引用的Page 实例。可惜我错了。

Answer 1

由于您只对某个地方的命令感兴趣，因此您可能会发现另一种有用的方法。 将上下文菜单定义为可以获取该数据上下文的资源，然后将其应用于数据网格行。 我在一个原本用于其他目的的样本上完成了此操作，所以我的对象和东西是不同的。

<DataGrid 
    ItemsSource="{Binding Users}" 
    Background="White" 
    Name="dg"
    SelectedItem="{Binding SelectedUser}"
          >
    <DataGrid.Resources>
        <ContextMenu x:Key="dgContextMenu"
                     DataContext="{Binding DataContext, RelativeSource={RelativeSource AncestorType=DataGrid}}">
            <MenuItem Header="Up" Command="{Binding UpCommand}" />
        </ContextMenu>
    </DataGrid.Resources>
    <DataGrid.RowStyle>
        <Style TargetType="{x:Type DataGridRow}">
            <Setter Property="ContextMenu" Value="{StaticResource dgContextMenu}"/>

DataContext 继承了可视化树，因此数据网格获得与页面或窗口或其他任何内容相同的数据上下文。 我的上下文菜单实际上是在数据网格中，可以得到它的数据上下文。

我还绑定了 selecteditem，因此我可以使用它来确定点击了哪个特定行。

在窗口的视图模型中，我有一个命令“UpCommand”，它使用所选用户的属性。

    public RelayCommand UpCommand { get; set; }
    public MainWindowViewModel()
    {
          UpCommand = new RelayCommand(UpExecute);
    }
    public User SelectedUser { get; set; }
    private void UpExecute()
    {
        MessageBox.Show($"You Upped {SelectedUser.Title}");
    }

您可以从用户中删除选定的用户，或者使用它的 ID 从数据库中删除记录或执行任何删除操作。

Answer 2

<ContextMenu  DataContext="{Binding Path=PlacementTarget, RelativeSource={RelativeSource Self}}">
    <MenuItem Header="Delete"  Command="{Binding DataContext.DeleteCommand}" />
</ContextMenu>

正如您在回答重复问题时看到的那样，问题是：

ContextMenu 位于可视化树之外

如果您不想将DeleteCommand 放入对象（这是Items 中的一个条目），则可以使用x:Reference 为Binding 设置Source 属性。

<DataGrid Name="ReferenceDataGrid" ItemsSource="{Binding Items}" AutoGenerateColumns="False" RowHeaderWidth="0" IsReadOnly="True">
    <DataGrid.Resources>
        <Style TargetType="DataGridRow">
            <Setter Property="ContextMenu">
                <Setter.Value>
                    <ContextMenu  DataContext="{Binding Path=DataContext, Source={x:Reference ReferenceDataGrid}}">
                        <MenuItem Header="Delete"  Command="{Binding DeleteCommand}" />
                    </ContextMenu>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.Resources>