ContextMenu 中 MenuItem 的 ElementName 绑定

Question

有没有其他人注意到带有 ElementName 的绑定无法正确解析 ContextMenu 对象中包含的 MenuItem 对象？查看此示例：

<Window x:Class="EmptyWPF.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300"
    x:Name="window">
    <Grid x:Name="grid" Background="Wheat">
        <Grid.ContextMenu>
            <ContextMenu x:Name="menu">
                <MenuItem x:Name="menuItem" Header="Window" Tag="{Binding ElementName=window}" Click="MenuItem_Click"/>
                <MenuItem Header="Grid" Tag="{Binding ElementName=grid}" Click="MenuItem_Click"/>
                <MenuItem Header="Menu" Tag="{Binding ElementName=menu}" Click="MenuItem_Click"/>
                <MenuItem Header="Menu Item" Tag="{Binding ElementName=menuItem}" Click="MenuItem_Click"/>
            </ContextMenu>
        </Grid.ContextMenu>
        <Button Content="Menu" 
                HorizontalAlignment="Center" VerticalAlignment="Center" 
                Click="MenuItem_Click" Tag="{Binding ElementName=menu}"/>
        <Menu HorizontalAlignment="Center" VerticalAlignment="Bottom">
            <MenuItem x:Name="anotherMenuItem" Header="Window" Tag="{Binding ElementName=window}" Click="MenuItem_Click"/>
            <MenuItem Header="Grid" Tag="{Binding ElementName=grid}" Click="MenuItem_Click"/>
            <MenuItem Header="Menu" Tag="{Binding ElementName=menu}" Click="MenuItem_Click"/>
            <MenuItem Header="Menu Item" Tag="{Binding ElementName=anotherMenuItem}" Click="MenuItem_Click"/>
        </Menu>
    </Grid>
</Window>

除了 ContextMenu 中包含的绑定之外，所有绑定都可以正常工作。它们在运行时将错误打印到输出窗口。

任何人都知道任何解决方法？这是怎么回事？

Answer 1

正如其他人所说，“ContextMenu”不包含在可视化树中，“ElementName”绑定不起作用。仅当上下文菜单未在“DataTemplate”中定义时，才可以按照接受的答案的建议设置上下文菜单的“NameScope”。我已经通过使用{x:Reference} Markup-Extension 解决了这个问题，它类似于“ElementName”绑定，但以不同方式解析绑定，绕过了可视化树。我认为这比使用“PlacementTarget”更具可读性。这是一个例子：

<Image Source="{Binding Image}">       
    <Image.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Delete" 
                      Command="{Binding Source={x:Reference Name=Root}, Path=DataContext.RemoveImage}"
                      CommandParameter="{Binding}" />
        </ContextMenu>
    </Image.ContextMenu>
</Image>

根据 MSDN 文档

x:Reference 是 XAML 2009 中定义的构造。在 WPF 中，您可以使用 XAML 2009 功能，但仅适用于非 WPF 标记编译的 XAML。 标记编译的 XAML 和 XAML 的 BAML 形式目前不支持 支持 XAML 2009 语言关键字和功能。

不管这意味着什么……不过对我有用。

Answer 2

上下文菜单很难绑定。它们存在于您的控件的可视化树之外，因此它们找不到您的元素名称。

尝试将上下文菜单的数据上下文设置为其放置目标。你必须使用RelativeSource。

<ContextMenu 
   DataContext="{Binding PlacementTarget, RelativeSource={RelativeSource Self}}"> ...

Answer 3

这是另一个仅限 xaml 的解决方法。 （这也假设您想要 DataContext 中的内容，例如，您正在 MVVMing 它）

选项一，ContextMenu的父元素不在DataTemplate中：

Command="{Binding PlacementTarget.DataContext.MyCommand, 
         RelativeSource={RelativeSource AncestorType=ContextMenu}}"

这适用于 OP 的问题。如果您在 DataTemplate 中，这将不起作用。在这些情况下，DataContext 通常是集合中的一个，而您希望绑定到的 ICommand 是同一 ViewModel 中集合的兄弟属性（ Window 的 DataContext）。

在这些情况下，您可以利用 Tag 临时保存包含集合和您的 ICommand 的父 DataContext：

class ViewModel
{
    public ObservableCollection<Derp> Derps { get;set;}
    public ICommand DeleteDerp {get; set;}
} 

在 xaml 中

<!-- ItemsSource binds to Derps in the DataContext -->
<StackPanel
    Tag="{Binding DataContext, ElementName=root}">
    <StackPanel.ContextMenu>
        <ContextMenu>
            <MenuItem
                Header="Derp"                       
                Command="{Binding PlacementTarget.Tag.DeleteDerp, 
                RelativeSource={RelativeSource 
                                    AncestorType=ContextMenu}}"
                CommandParameter="{Binding PlacementTarget.DataContext, 
                RelativeSource={RelativeSource AncestorType=ContextMenu}}">
            </MenuItem>

Answer 4

我不确定为什么要使用魔术来避免事件处理程序中的一行代码用于您已经处理的鼠标单击：

    private void MenuItem_Click(object sender, System.Windows.RoutedEventArgs e)
    {
        // this would be your tag - whatever control can be put as string intot he tag
        UIElement elm = Window.GetWindow(sender as MenuItem).FindName("whatever control") as UIElement;
    }

Answer 5

我找到了一个更简单的解决方案。

在 UserControl 后面的代码中：

NameScope.SetNameScope(contextMenu, NameScope.GetNameScope(this));

Answer 6

经过一番试验，我发现了一种解决方法：

使顶级Window/UserControl实现INameScope并将NameScope的ContextMenu设置为顶级控件。

public class Window1 : Window, INameScope
{
    public Window1()
    {
        InitializeComponent();
        NameScope.SetNameScope(contextMenu, this);
    }

    // Event handlers and etc...

    // Implement INameScope similar to this:
    #region INameScope Members

    Dictionary<string, object> items = new Dictionary<string, object>();

    object INameScope.FindName(string name)
    {
        return items[name];
    }

    void INameScope.RegisterName(string name, object scopedElement)
    {
        items.Add(name, scopedElement);
    }

    void INameScope.UnregisterName(string name)
    {
        items.Remove(name);
    }

    #endregion
}

这允许上下文菜单在Window 中查找命名项目。还有其他选择吗？