如何让DataGrid全局触发右键MenuFlyout而非仅行内触发？

核心逻辑 #

要让右键点击DataGrid的任意区域（包括无数据的空白区域、表头）都能调出菜单，关键是给整个DataGrid控件绑定右键触发事件，而非仅绑定行容器的事件，然后在事件中手动触发菜单显示。

WPF 实现方案 #

WPF中右键菜单使用ContextMenu，通过绑定MouseRightButtonDown事件实现全局触发：

XAML 代码

<DataGrid x:Name="MyDataGrid" MouseRightButtonDown="MyDataGrid_MouseRightButtonDown">
    <!-- 定义右键菜单 -->
    <DataGrid.ContextMenu>
        <ContextMenu>
            <MenuItem Header="导入数据"/>
            <MenuItem Header="导出数据"/>
            <Separator/>
            <MenuItem Header="刷新"/>
        </ContextMenu>
    </DataGrid.ContextMenu>
</DataGrid>

C# 后台代码

private void MyDataGrid_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    var dataGrid = sender as DataGrid;
    if (dataGrid?.ContextMenu == null) return;

    // 阻止默认行右键事件，避免冲突
    e.Handled = true;
    // 指定菜单附着目标并打开
    dataGrid.ContextMenu.PlacementTarget = dataGrid;
    dataGrid.ContextMenu.IsOpen = true;
}

UWP 实现方案 #

UWP中使用MenuFlyout，通过FlyoutBase.AttachedFlyout关联菜单，绑定RightTapped事件触发显示：

XAML 代码

<DataGrid x:Name="MyDataGrid" RightTapped="MyDataGrid_RightTapped">
    <!-- 关联附着菜单 -->
    <FlyoutBase.AttachedFlyout>
        <MenuFlyout>
            <MenuFlyoutItem Text="导入数据" Click="Import_Click"/>
            <MenuFlyoutItem Text="导出数据" Click="Export_Click"/>
            <MenuFlyoutSeparator/>
            <MenuFlyoutItem Text="刷新" Click="Refresh_Click"/>
        </MenuFlyout>
    </FlyoutBase.AttachedFlyout>
</DataGrid>

C# 后台代码

private void MyDataGrid_RightTapped(object sender, RightTappedRoutedEventArgs e)
{
    var dataGrid = sender as DataGrid;
    if (dataGrid == null) return;

    // 显示附着的菜单
    FlyoutBase.ShowAttachedFlyout(dataGrid);
    e.Handled = true;
}

额外说明 #

• 无论DataGrid是否有数据行，只要点击控件范围内的任意区域（表头、空白区、数据行），都会触发菜单显示
• 设置e.Handled = true是为了屏蔽DataGrid行默认的右键行为，确保菜单由我们的逻辑统一控制
• 如果需要根据点击区域动态调整菜单内容，可以在事件中通过e.GetPosition(dataGrid)获取点击坐标，结合VisualTreeHelper判断点击目标类型，再修改菜单选项

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