将静态 ICommand 绑定到没有视图模型的菜单项

Question

我正在尝试将命令绑定到我将与Button挂钩的ContextMenu中的各种MenuItems。但为此，我将所有命令定义为static我在ResourceDictionary中导入的类中的命令。

public class DesignerCanvas{
    ....
    public static RoutedCommand MyCommand = new RoutedCommand();
    ....
}

在我的MainWindow.xaml中，我将这个命令与我在MainWindow.xaml.cs中的实现挂钩为：

<CommandBinding Command="{x:Static Designer:DesignerCanvas.MyCommand}"
                    Executed="DoStuff"
                    CanExecute="CanDoStuff" /> 

在我的ResourceDictionary.xaml中，我有一个Button，我正在使用Triggers来吸引ContextMenu：

    <Button x:Name="btnMyButton" Content="Click this">
      <Button.Style>
        <Style TargetType="{x:Type Button}">
          <Style.Triggers>
            <EventTrigger RoutedEvent="Click">
              <EventTrigger.Actions>
                <BeginStoryboard>
                  <Storyboard>
                    <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="ContextMenu.IsOpen">
                      <DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="True"/>
                    </BooleanAnimationUsingKeyFrames>
                  </Storyboard>
                </BeginStoryboard>
              </EventTrigger.Actions>
            </EventTrigger>
          </Style.Triggers>
          <Setter Property="ContextMenu">
            <Setter.Value>
              <ContextMenu>
                <MenuItem x:Name="myMenu" Header="MyMenuItem 1">
                  <MenuItem x:Name="menuItem1" Header="MySubMenuItem 1"
Command="{x:Static DesignerItems:DesignerCanvas.MyCommand}">     <<<=== Command Binding
                    <MenuItem.Icon>
                      <Image Source="myImage.png" Width="20"/>
                    </MenuItem.Icon>
                  </MenuItem>
                </MenuItem>
              </ContextMenu>
            </Setter.Value>
          </Setter>
        </Style>
      </Button.Style>
    </Button>

但这似乎不起作用，因为在 XAML 中指定了Command的菜单项显示为disabled，而且调试器不会命中CanDoStuff()和DoStuff()。另外，由于我没有为此使用 ViewModel，因此我无法编写类似以下内容的内容：

<MenuItem Command="{Binding Path=somePathInViewModel, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}" />

我该怎么做，任何帮助将不胜感激。提前谢谢。

Answer 1

终于让它工作了，正在做一些愚蠢的错误！

必须更改static命令初始化以ContextMenu作为其所有者

public static RoutedCommand MyCommand = new RoutedCommand("MyCommand", typeof(ContextMenu));

在 MainWindow.xaml.cs 中，添加了一个注册命令绑定的方法，并从MainWindow的构造器调用它：

private void InitializeMenuItemsCommands()
    {
        CommandManager.RegisterClassCommandBinding(typeof(ContextMenu), new CommandBinding(DesignerCanvas.TestDialog, OpenTestDialog, CanOpenTestDialog));
    }

最后是CanExecute和Executed事件的处理程序：

private void CanOpenTestDialog(object sender, CanExecuteRoutedEventArgs e)
{
    e.CanExecute = true; // set if MenuItem is enabled
}
private void OpenTestDialog(object sender, ExecutedRoutedEventArgs e)
{
    // handle the MenuItem click here
}

不必为MenuItem更改ResourceDictionary中的任何内容，所以这里再次是菜单项：

<MenuItem x:Name="menuItem1" Header="MySubMenuItem 1"
Command="{x:Static DesignerItems:DesignerCanvas.MyCommand}">     <<<=== Command Binding
                <MenuItem.Icon>
                  <Image Source="myImage.png" Width="20"/>
                </MenuItem.Icon>
              </MenuItem>

Answer 2

您实际上在代码中做得很好，但是WPF中有关上下文菜单的隐藏错误/功能很少。那些坏男孩缺乏WPF的通常功能。ContextMenu 实际上只是一个转储属性，可用于 WPF 中的每个控件，一旦用户触发右键单击，它就会将其项列表注入可视化树。

要解决您的问题，请不要在样式中设置上下文菜单，也不要在窗口级别设置命令绑定，而是在上下文菜单级别设置它。

虽然最重要的是不要在样式中设置上下文菜单！

编辑：

将上下文菜单远离样式，并按如下所示设置命令绑定：

<ContextMenu>
    <ContextMenu.CommandBindings>
        <CommandBinding Command="foo:MyCommands.CmdFoo" 
                        CanExecute="CanExecuteRerollCommand" 
                        Executed="ExecuteRerollCommand" />
    </ContextMenu.CommandBindings>
    <MenuItem Header="Reroll"  Command="foo:MyCommands.CmdFoo"/>
</ContextMenu>