WPF 数据网格和 Tab 键

Question

另一个数据网格键绑定问题

我有一个数据网格。它的选择模式设置为 FullRow 和 KeyboardNavigation.TabNavigation="Once" 我希望能得到我想要的结果，但事实并非如此。

当数据网格获得焦点时按下 Tab 键，它将一一地遍历网格中的每一列。因此，如果我按 Tab 键进入有 4 列的网格，我将必须按 Tab 键 4 次才能转到下一个 tabindex。

我想要的是让 tab 键在第一次按下时直接从数据网格中跳出，并将焦点集中到下一个 tabindex...如果这有意义的话。

我尝试像这样覆盖 keydown 事件处理程序中的 tab 键。

class BetterDataGrid : DataGrid
{
  ..............
  protected override void OnKeyDown(System.Windows.Input.KeyEventArgs e)
  {
    ..............
    if (e.Key == Key.Tab)
    {
        Console.WriteLine("TAB");
        MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
    }
    .........
  }

它确实将“TAB”写入控制台，但该选项卡仍然保留其默认行为。不确定这是否是进入下一个 tabindex 的正确方法，但这应该使 tab 键除了写入控制台或引发异常之外什么也不做。
让我觉得不可能覆盖 Tab 键的行为。

希望得到一些有用的意见。
一如既往，提前致谢。

Answer 1

我希望我的业务线软件能够做到这一点，而我发现解决这个问题的唯一方法是通过代码隐藏，使用数据网格的 PreviewKeyDown、GotKeyboardFocus 和 LostKeyboardFocus 事件。我已将这些事件处理程序放入 WPF 装饰器中，以避免对每个 DataGrid 重复它。可能可以对 DataGrid 进行子类化，但我还没有尝试过。

处理程序的代码如下（对于此示例代码，DataGrid 为 x:Name="grid"）：

        private IInputElement lastDataGridFocus = null;
    private int selectedcolumnindex = 0;

    void grid_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
    {
        if (grid.Items.Count > 0 && (e.NewFocus is DataGrid || (e.NewFocus is DataGridCell && !(e.OldFocus is DataGridCell))))
        {
            DataGridCell cell = null;

            if (lastDataGridFocus != null)
            {
                FocusManager.SetFocusedElement(grid, lastDataGridFocus);
                lastDataGridFocus = null;
                e.Handled = true;
                return;
            }

            if (grid.SelectedCells.Count == 0)
            {
                DataGridRow rowContainer = (DataGridRow)grid.ItemContainerGenerator.ContainerFromIndex(0);
                if (rowContainer != null)
                {
                    DataGridCellsPresenter presenter = GetVisualChild<DataGridCellsPresenter>(rowContainer);
                    cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex((selectedcolumnindex < 0) ? 0 : selectedcolumnindex);
                }
            }
            else
            {
                DataGridCellInfo selectedDataGridCellInfo = (grid.SelectedCells[0] as DataGridCellInfo?).Value;
                DataGridRow rowContainer = (DataGridRow)grid.ItemContainerGenerator.ContainerFromItem(selectedDataGridCellInfo.Item);
                if (rowContainer != null)
                {
                    DataGridCellsPresenter presenter = GetVisualChild<DataGridCellsPresenter>(rowContainer);
                    cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex((selectedcolumnindex < 0) ? 0 : selectedcolumnindex);
                }
            }
            if (null != cell)
            {
                FocusManager.SetFocusedElement(grid, cell as IInputElement);
                e.Handled = true;
            }
        }
    }

    void grid_LostKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
    {
        if (!(e.NewFocus is DataGridCell))
        {
            if (grid.CurrentCell != null)
            {
                selectedcolumnindex = grid.Columns.IndexOf(grid.CurrentCell.Column);
            }
        }
    }

    void grid_PreviewKeyDown(object sender, KeyEventArgs e)
    {
        if (Keyboard.Modifiers == ModifierKeys.Shift && e.Key == Key.Tab)
        {
            lastDataGridFocus = Keyboard.FocusedElement;
            grid.MoveFocus(new TraversalRequest(FocusNavigationDirection.Previous));
            e.Handled = true;
        }
        else if (Keyboard.Modifiers == ModifierKeys.None && e.Key == Key.Tab)
        {
            lastDataGridFocus = Keyboard.FocusedElement;
            grid.MoveFocus(new TraversalRequest(FocusNavigationDirection.Last));
            (Keyboard.FocusedElement as FrameworkElement).MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
            e.Handled = true;
        }
    }

使用此代码，您可以使用光标键在网格内导航，然后使用 Tab 键和 Shift-Tab 键即可退出数据网格的。如果您按 Tab 键退出网格并返回到网格，您也会到达您离开的同一单元格。这就是我和我的用户想要的，恕我直言，这就是 DataGrid 控件应该提供的默认行为。

Answer 2

我也在寻找这种行为。虽然 Guge 提出的解决方案是一个好的开始，但我不喜欢它如何保存以前存储的元素，也不喜欢它的整体复杂性。最糟糕的是，无论我如何调整它，我都无法让它按照预期持续工作。最终，我决定从头开始编写自己的解决方案。通过跳出框框（字面意思）思考，我想出了一个不同的、更简单的解决方案。

在 XAML 文件中，在 DataGrid 之前和之后创建一个空控件，如下所示：

<DockPanel>
  <Control IsTabStop="False" x:Name="PreControl" />
  <DataGrid PreviewKeyDown="DataGrid_PreviewKeyDown">...</DataGrid>
  <Control IsTabStop="False" x:Name="PostControl" />
</DockPanel>

然后在代码隐藏中，为 DataGrid 的 PreviewKeyDown 事件添加一个函数，如下所示：

private void DataGrid_PreviewKeyDown(object sender, KeyEventArgs e)
{
    if (Keyboard.Modifiers == ModifierKeys.Shift && e.Key == Key.Tab)
    {
        PreControl.MoveFocus(new TraversalRequest(FocusNavigationDirection.Previous));
        e.Handled = true;
    }
    else if (Keyboard.Modifiers == ModifierKeys.None && e.Key == Key.Tab)
    {
        PostControl.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
        e.Handled = true;
    }
    else if (new[] { Key.Up, Key.Down, Key.Left, Key.Right }.Contains(e.Key))
    {
        var grid = (DataGrid)sender;
        grid.CurrentCell = new DataGridCellInfo(grid.SelectedItem, grid.CurrentColumn);
    }
}

第一个 if 和 else-if 通过从 Tab 键切换来覆盖默认选项卡行为空控件而不是来自数据网格。下一个 else-if 语句在使用箭头键移动之前更新当前单元格。有时，当焦点移入和移出网格时，当前单元格会与所选单元格不同步。这是之前提出的解决方案以及这个解决方案的一个问题，我还没有找到解决它的方法，但是通过这样做，我可以确保在使用箭头键导航时，它相对于所选单元格进行导航，而不是当前单元格。

此方法的一些注意事项：

• 当允许选择多行时，它不会很好地工作
• 如前所述，有时当前单元格可能与所选单元格不同。这可能会导致视觉问题，但不会影响所选项目或导航。
• 我仅使用具有完整行选择的数据网格对此进行了彻底测试。所选列可能无法正确保留或可能存在导航问题。

Answer 3

这可能会对某人有所帮助...我想使用 Tab 键移动到下一行，但也选择或传递包含两个按钮的自定义单元格。解决方案是扩展 DataGrid 列 CellStyle 并将每个列/单元格的 Focusable 设置为 False。这是我的代码：

<DataGrid Grid.Row="1" Name="TutorialsDataGrid" AutoGenerateColumns="False" CanUserAddRows="False" IsReadOnly="True"
        EnableRowVirtualization="True" SelectionUnit="FullRow">
<DataGrid.Columns>
    <DataGridTextColumn Header="Title" Width="0.5*" MinWidth="380" Binding="{Binding Title}">
        <DataGridTextColumn.CellStyle>
            <Style TargetType="DataGridCell" BasedOn="{StaticResource MetroDataGridCell}">
                <Setter Property="Margin" Value="5,0"/>
                <!-- SOLUTION -->
                <Setter Property="Focusable" Value="False"/>
            </Style>
        </DataGridTextColumn.CellStyle>
    </DataGridTextColumn>
    <DataGridTemplateColumn Header="Format" Width="*" MinWidth="200">
        <DataGridTemplateColumn.CellStyle>
            <Style TargetType="DataGridCell" BasedOn="{StaticResource MetroDataGridCell}">
                <Setter Property="Margin" Value="5,0"/>
                <!-- SOLUTION -->
                <Setter Property="Focusable" Value="False"/>
            </Style>
        </DataGridTemplateColumn.CellStyle>
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" >
                    <Button Name="OpenVideo" ToolTip="Open Video" Margin="5,3" Width="80" Height="28" Tag="{Binding VideoPath}" Click="OpenVideo_Click">
                        <Path Height="16" Stretch="Uniform" Data="{StaticResource UniconsCirclePlay}" Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType=Button}}"/>
                    </Button>
                    <Button Name="OpenPDF" ToolTip="Open PDF" Margin="5,3" Width="80" Height="28" Tag="{Binding PdfPath}" Click="OpenPDF_Click">
                        <Path Height="16" Stretch="Uniform" Data="{StaticResource FilePdf}" Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType=Button}}"/>
                    </Button>
                </StackPanel>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
</DataGrid.Columns>

Answer 4

这个困扰我很久的问题终于得到了最好的答案。
在某些时候，我确认在 DataGrid 中按 Ctrl+Tab 会产生所需的行为。
由此，我认为我可以交换 DataGrid 中 KeyboardNavigation.TabNavigation 附加属性和 KeyboardNavigation.ControlTabNavigation 附加属性的值。
然而，这并没有奏效。
在使用 ReferenceSource 检查 DataGrid 子元素的代码后，我进一步认为应该交换 DataGridCellsPanel 中 KeyboardNavigation.TabNavigation 附加属性和 KeyboardNavigation.ControlTabNavigation 附加属性的值。
我运行它并得到了理想的行为。
更重要的是，这很棒，重新进入焦点后的当前单元格就是失去焦点时的当前单元格。

<DataGrid KeyboardNavigation.TabNavigation="Once"
          KeyboardNavigation.ControlTabNavigation="Continue">
    <DataGrid.RowStyle>
        <Style TargetType="{x:Type DataGridRow}" BasedOn="{StaticResource {x:Type DataGridRow}}">
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <DataGridCellsPanel KeyboardNavigation.TabNavigation="Continue"
                                            KeyboardNavigation.ControlTabNavigation="Local"/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.RowStyle>
</DataGrid>

也可以通过以下附加属性来实现，参考WinForms中DataGridView的StandardTab属性。

对于 VB.net

Public Class DataGridHelper

    Public Shared Function GetStandardTab(element As DataGrid) As Boolean
        If element Is Nothing Then Throw New ArgumentNullException(NameOf(element))
        Return CBool(element.GetValue(StandardTabProperty))
    End Function

    Public Shared Sub SetStandardTab(element As DataGrid, value As Boolean)
        If element Is Nothing Then Throw New ArgumentNullException(NameOf(element))
        element.SetValue(StandardTabProperty, value)
    End Sub

    Public Shared ReadOnly StandardTabProperty As DependencyProperty =
                           DependencyProperty.RegisterAttached("StandardTab",
                           GetType(Boolean), GetType(DataGridHelper),
                           New FrameworkPropertyMetadata(False, FrameworkPropertyMetadataOptions.Inherits, New PropertyChangedCallback(AddressOf OnStandardTabPropertyChanged)))

    Private Shared Sub OnStandardTabPropertyChanged(d As DependencyObject, e As DependencyPropertyChangedEventArgs)
        If TypeOf d Is DataGrid OrElse TypeOf d Is DataGridCellsPanel Then
            If CBool(e.NewValue) Then
                If TypeOf d Is DataGridCellsPanel Then
                    d.SetValue(KeyboardNavigation.TabNavigationProperty, KeyboardNavigationMode.Continue)
                    d.SetValue(KeyboardNavigation.ControlTabNavigationProperty, KeyboardNavigationMode.Local)
                Else
                    d.SetValue(KeyboardNavigation.TabNavigationProperty, KeyboardNavigationMode.Once)
                    d.SetValue(KeyboardNavigation.ControlTabNavigationProperty, KeyboardNavigationMode.Continue)
                End If
            Else
                d.ClearValue(KeyboardNavigation.TabNavigationProperty)
                d.ClearValue(KeyboardNavigation.ControlTabNavigationProperty)
            End If
        End If
    End Sub

End Class

对于 C#（未测试）

public class DataGridHelper
{
    public static bool GetStandardTab(DataGrid element)
    {
        if (element == null)
        {
            throw new ArgumentNullException(nameof(element));
        }
        return (bool)element.GetValue(StandardTabProperty);
    }

    public static void SetStandardTab(DataGrid element, bool value)
    {
        if (element == null)
        {
            throw new ArgumentNullException(nameof(element));
        }
        element.SetValue(StandardTabProperty, value);
    }

    public static readonly DependencyProperty StandardTabProperty = 
                                              DependencyProperty.RegisterAttached("StandardTab", 
                                              typeof(bool), typeof(DataGridHelper), 
                                              new FrameworkPropertyMetadata(false, FrameworkPropertyMetadataOptions.Inherits, new PropertyChangedCallback(OnStandardTabPropertyChanged)));

    private static void OnStandardTabPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is DataGrid || d is DataGridCellsPanel)
        {
            if ((bool) e.NewValue)
            {
                if (d is DataGridCellsPanel)
                {
                    d.SetValue(KeyboardNavigation.TabNavigationProperty, KeyboardNavigationMode.Continue);
                    d.SetValue(KeyboardNavigation.ControlTabNavigationProperty, KeyboardNavigationMode.Local);
                }
                else
                {
                    d.SetValue(KeyboardNavigation.TabNavigationProperty, KeyboardNavigationMode.Once);
                    d.SetValue(KeyboardNavigation.ControlTabNavigationProperty, KeyboardNavigationMode.Continue);
                }
            }
            else
            {
                d.ClearValue(KeyboardNavigation.TabNavigationProperty);
                d.ClearValue(KeyboardNavigation.ControlTabNavigationProperty);
            }
        }
    }
}

Answer 5

您想要实现的不是正确的行为，每个人都期望在 DataGrid 聚焦时按 Tab 键时像 Excel 一样导航。如果您不希望用户在 DataGrid 中导航，最好通过在 DataGrid 上设置 IsTabStop="False" 来防止 DataGrid 上出现制表位。