在 WPF 中单击带有绑定命令的 MenuItem 后菜单未关闭

Question

我有一个自定义的 Menu 和 MenuItems，每个 MenuItem 都绑定了一个特定的命令。我的问题是，当我单击任何 MenuItem 时，命令会执行但菜单没有关闭。

这是一个带有一个 MenuItem 的菜单示例

<Menu Background="#f4f4f4" x:Name="ExportMenu">
<Menu.ItemsPanel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Vertical" Background="#f4f4f4"/>
    </ItemsPanelTemplate>
</Menu.ItemsPanel>
    <MenuItem x:Name="CopyItem" Header="Copy" Style="{DynamicResource MainMenuItem}"
                CommandParameter="{Binding Data.CurrentPlotVMs, Source={StaticResource Proxy}}"
                Command="{Binding Data.ExporterVM.CopyGraphicPlotsCommand, Source={StaticResource Proxy}}" Click="CopyItem_Click">
    <MenuItem.Icon>
        <TextBlock Text="" FontSize="15" FontFamily="../Icons/#icons"/>
    </MenuItem.Icon>
</MenuItem>
</Menu>

这是我的自定义样式

<Style x:Key="MainMenuItem" TargetType="{x:Type MenuItem}">
<Setter Property="OverridesDefaultStyle" Value="True"/>
<Setter Property="FontFamily" Value="Open Sans"/>
<Setter Property="FontSize" Value="12"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="FontWeight" Value="Light"/>
<Setter Property="StaysOpenOnClick" Value="False"/>
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type MenuItem}">
            <Border x:Name="templateRoot" BorderThickness="0" Background="#f4f4f4" SnapsToDevicePixels="True" Padding="0,10,10,10">
                <Grid VerticalAlignment="Center">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <ContentPresenter x:Name="Icon" 
                                      Grid.Column="0"
                                      Content="{TemplateBinding Icon}" 
                                      ContentSource="Icon" 
                                      HorizontalAlignment="Center" Height="16" Width="16"
                                      Margin="5,0,5,0"
                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                      VerticalAlignment="Center"/>
                    <ContentPresenter ContentTemplate="{TemplateBinding HeaderTemplate}" 
                                      Content="{TemplateBinding Header}" 
                                      Grid.Column="1" 
                                      ContentStringFormat="{TemplateBinding HeaderStringFormat}" 
                                      ContentSource="Header" 
                                      Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter TargetName="templateRoot" Property="Background" Value="{StaticResource ResourceKey=FrSkyBlue}"/>
                    <Setter Property="Foreground" Value="{StaticResource FrWhite}"/>
                    <Setter Property="Cursor" Value="Hand"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>
</Style>

也许我设置了错误的属性或做错了其他事情，我对 WPF 和 MVVM 有点陌生。

Answer 1

您不能将Click event 和Command 用于同一个按钮/控件：

• WPF button click and command doesn't work together MVVM
• WPF Command with Click Event Handler

我假设在 CopyItem_Click() 方法中，您正在关闭菜单 - 您必须决定是使用 MVVM 模型还是没有此模式的简单 XAML 应用程序。

如果这是更简单的版本，您可以在 Click 方法中处理：

private void CopyItem_Click(object sender, ...)
{
    var cmd = CopyItem.Command;
    var param = CopyItem.CommandParameter;

    if(cmd != null && cmd.CanExecute(param))
        cmd.Execute(param);

    // add the code for closing menu
}

该案例的另一种方法是使用 MVVM 模型。您应该完全避免使用Click 事件处理，而是将其推送到命令中。命令本身会完成这项工作，之后必须关闭菜单。

public RelayCommand MyCommand 
{ 
    get; 
    private set; 
}

public MainViewModel() 
{ 
    MyCommand = new RelayCommand(ExecuteMyCommand); 
} 

private void ExecuteMyCommand() 
{ 
    // Do the work You expect

    // Close the menu
}

一些源代码：

• Close Window from ViewModel