如何使用父 Button 的属性让 CommandParameter 对 ContextMenu 中的 MenuItem 起作用？

Question

结果 我弄清楚自己发生了什么事。我有一些奇怪的组合，所以这对其他人可能有用也可能没用。

我将继续在答案条目中记录解决方案。我的解决方案涉及少量的隐藏代码。我一般不喜欢代码隐藏。它仅与视图相关，因此不会破坏 MVVM。如果有人给我一个不太遥远的纯 XAML 解决方案，我会很乐意将其用作可接受的答案。

问题 我有一个 WPF 应用程序 (.NET6)，它有一个表示离散对象的图像网格。我希望每个都有相同的上下文菜单。每个对象都需要发送一个唯一的CommandParameter，以便视图模型可以识别要操作的对象。

为了给自己提供一种添加标识符的方法，我对 Button 进行了子类化，如下所示：

public class PartButton : Button
{
    public int PartPosition { get; set; }
}

我知道有关上下文菜单不在可视化树中的问题，因此没有从以下位置继承 DataContext顶级控件（在本例中为UserControl）。诀窍通常是使用 PlacementTarget 获取父级，并使用其 DataContext。

左键单击和右键单击同样有效也是一个目标。为此，我使用 RoatedEvent 进行 Click 并使用 Storyboard 将 ContextMenu.IsOpen 设置为true。如果您对 XAML 更有经验，您可能已经发现了该问题。

因为有 30 个按钮，所以最终目标是通过样式添加菜单，以便可以使用尽可能少的代码来声明按钮。为了让一个按钮正常工作，我尝试了这样的操作

<jb:PartButton
    Grid.Row="2" Grid.Column="2"
    IsEnabled="{ Binding Path=PartStatuses[1] }"
    PartPosition="1">
    <Image Source="../Resources/Part.png" />
    <jb:PartButton.ContextMenu>
        <ContextMenu DataContext="{Binding Path=PlacementTarget, RelativeSource={RelativeSource Self}}">
            <MenuItem Header="Test Part"
                CommandParameter="{Binding Path=PartPosition}"
                Command="{Binding Source={StaticResource Proxy}, Path=Data.TestPartCmd}"
                />
        </ContextMenu>
    </jb:PartButton.ContextMenu>
</jb:PartButton>

： -点击。但是，当使用上面的 RoatedEvent 技巧时，左键单击会导致 PlacementTarget 始终为 null。

Answer 1

            <ContextMenu>
                <MenuItem Header="Test Part" CommandParameter="{Binding RelativeSource={RelativeSource Mode=Self}}" Command="{Binding TestPartCmd}"/>
            </ContextMenu>

而ViewModel这样的

    public RelayCommand<System.Windows.Controls.MenuItem> TestPartCmd
    {
        get
        {
            return new RelayCommand<System.Windows.Controls.MenuItem>((menuItem) =>
            {
                int partPosition = ((PartButton)((System.Windows.Controls.Primitives.Popup)((System.Windows.FrameworkElement)menuItem.Parent).Parent).PlacementTarget).PartPosition;
            });
        }
    }

可能还有更好的办法，不过我还没想到。

Answer 2

正如所承诺的，这是我当前的解决方案：

<ContextMenu>
    <MenuItem Header="Bootloader Test"
        CommandParameter="{Binding Path=PlacementTarget.PartPosition, RelativeSource={RelativeSource AncestorType=ContextMenu}}"
        Command="{Binding Path=PlacementTarget.DataContext.BootloaderTestCmd, RelativeSource={RelativeSource AncestorType=ContextMenu}}"
        />

要工作，它需要隐藏代码：

public void OnPartButtonPressed(object sender, RoutedEventArgs e)
{
    if (sender is Button btn)
    {
        btn.ContextMenu.PlacementTarget = btn;
        btn.ContextMenu.IsOpen = true;
    }
}

就目前而言，这现在已完全实现为一种样式，因此每个按钮真正需要的一切都是这样的：

<jb:PartButton
    PartPosition="1"
    Grid.Row="2" Grid.Column="2" />

在实际项目中，我还声明了对象上按钮的图像，因为我正在努力通过样式来完成该操作。图像取决于必须在视图模型中解析的索引 (PartPosition)。使用必须从对象查询的值来使用样式从视图模型获取属性是很困难的。不过，不同的问题，以及我以后可能会或可能不会担心的事情。