WPF中DataGrid为空时隐藏ContextMenu的实现方案

这里提供几种符合MVVM模式的实现方式，你可以根据项目需求选择：

方法1：纯XAML通过DataTrigger控制 #

直接在ContextMenu的Style中添加DataTrigger，监听DataGrid的Items数量，当数量为0时隐藏菜单：

<DataGrid  ItemsSource="{Binding Path=TaskList}" SelectedItem="{Binding SelectedTask}" AutoGenerateColumns="False">
    <DataGrid.ContextMenu>
        <ContextMenu>
            <ContextMenu.Style>
                <Style TargetType="ContextMenu">
                    <Setter Property="Visibility" Value="Visible"/>
                    <Style.Triggers>
                        <!-- 监听DataGrid的Items.Count，为0时隐藏菜单 -->
                        <DataTrigger Binding="{Binding Path=Items.Count, RelativeSource={RelativeSource AncestorType=DataGrid}}" Value="0">
                            <Setter Property="Visibility" Value="Collapsed"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContextMenu.Style>
            <MenuItem Header="Delete" 
                      Command="{Binding OpenDialogCommand}" 
                      CommandParameter="{Binding PlacementTarget.SelectedItem, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}"/>
        </ContextMenu>
    </DataGrid.ContextMenu>

    <DataGrid.Columns>
        <DataGridTextColumn Header="Priority" Width="auto" Binding="{Binding Path=Id}"/>
        <DataGridTextColumn Header="Task" Width="auto" Binding="{Binding Path=TaskName}"/>
    </DataGrid.Columns>
</DataGrid>

这种方式不需要修改ViewModel，完全通过XAML实现逻辑，适合简单场景。

方法2：通过ViewModel命令的CanExecute控制 #

在MVVM模式下，更推荐通过命令的可执行状态来控制菜单的显示/隐藏，同时还能确保只有选中有效项时才允许删除：

步骤1：完善ViewModel中的命令逻辑 #

假设你的OpenDialogCommand是RelayCommand实现，修改CanExecute方法：

public ICommand OpenDialogCommand => new RelayCommand(ExecuteOpenDialog, CanExecuteOpenDialog);

private void ExecuteOpenDialog(object parameter)
{
    // 你的删除弹窗逻辑
}

private bool CanExecuteOpenDialog(object parameter)
{
    // 只有当TaskList不为空且选中了有效项时，命令才可用
    return TaskList?.Any() == true && parameter != null;
}

步骤2：绑定MenuItem的Visibility到命令状态 #

需要先创建一个转换器，将命令的CanExecute状态转换为Visibility：

public class CommandCanExecuteToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is ICommand command)
        {
            return command.CanExecute(parameter) ? Visibility.Visible : Visibility.Collapsed;
        }
        return Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤3：在XAML中引用转换器并绑定 #

<Window.Resources>
    <local:CommandCanExecuteToVisibilityConverter x:Key="CommandCanExecuteToVisibilityConverter"/>
</Window.Resources>

<DataGrid  ItemsSource="{Binding Path=TaskList}" SelectedItem="{Binding SelectedTask}" AutoGenerateColumns="False">
    <DataGrid.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Delete" 
                      Command="{Binding OpenDialogCommand}" 
                      CommandParameter="{Binding PlacementTarget.SelectedItem, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}"
                      Visibility="{Binding OpenDialogCommand, Converter={StaticResource CommandCanExecuteToVisibilityConverter}, ConverterParameter={Binding PlacementTarget.SelectedItem, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}}"/>
        </ContextMenu>
    </DataGrid.ContextMenu>

    <DataGrid.Columns>
        <DataGridTextColumn Header="Priority" Width="auto" Binding="{Binding Path=Id}"/>
        <DataGridTextColumn Header="Task" Width="auto" Binding="{Binding Path=TaskName}"/>
    </DataGrid.Columns>
</DataGrid>

这种方式完全遵循MVVM思想，将逻辑封装在ViewModel中，同时能更精准地控制菜单的显示条件。

方法3：通过转换器直接绑定集合数量 #

创建一个转换器，将集合的Count转换为Visibility，直接绑定到ContextMenu：

步骤1：实现转换器 #

public class CountToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is int count)
        {
            return count > 0 ? Visibility.Visible : Visibility.Collapsed;
        }
        return Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤2：XAML中绑定 #

<Window.Resources>
    <local:CountToVisibilityConverter x:Key="CountToVisibilityConverter"/>
</Window.Resources>

<DataGrid  ItemsSource="{Binding Path=TaskList}" SelectedItem="{Binding SelectedTask}" AutoGenerateColumns="False">
    <DataGrid.ContextMenu>
        <ContextMenu Visibility="{Binding Path=TaskList.Count, Converter={StaticResource CountToVisibilityConverter}}">
            <MenuItem Header="Delete" 
                      Command="{Binding OpenDialogCommand}" 
                      CommandParameter="{Binding PlacementTarget.SelectedItem, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}"/>
        </ContextMenu>
    </DataGrid.ContextMenu>

    <DataGrid.Columns>
        <DataGridTextColumn Header="Priority" Width="auto" Binding="{Binding Path=Id}"/>
        <DataGridTextColumn Header="Task" Width="auto" Binding="{Binding Path=TaskName}"/>
    </DataGrid.Columns>
</DataGrid>

这种方式简单直接，适合只需要判断集合是否为空的场景。

内容的提问来源于stack exchange，提问作者Soumya