WinUI 3 DataGrid中Tab键无法正常切换焦点问题求助

问题原因 #

当DataGrid单元格内的控件不可接收焦点（比如TextBlock、设置了IsReadOnly="True"且默认IsTabStop="False"的TextBox）时，按下Tab键会跳过单元格，转而将焦点定位到列标题上。

解决方案 #

方案1：确保单元格内控件可接收Tab焦点 #

修改单元格模板中的控件属性，让它们成为Tab导航序列的一部分：

• 对于只读TextBox：添加IsTabStop="True"属性，即使只读也能接收焦点

  <TextBox IsReadOnly="True" IsTabStop="True" 
           Text="{Binding RPe,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
           Width="45" MinHeight="28" HorizontalAlignment="Left" 
           Margin="8 -4 0 0" Padding="20 5 0 0" FontSize="10" 
           Background="Transparent" BorderThickness="0" CornerRadius="0" />
  

• 对于TextBlock：将其替换为只读TextBox（保持视觉样式一致）并设置IsTabStop="True"

  <TextBox IsReadOnly="True" IsTabStop="True"
           Text="{Binding Pnum, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
           FontSize="10" VerticalAlignment="Center" Foreground="Black"
           Background="Transparent" BorderThickness="0" />
  

方案2：拦截Tab键事件，手动控制焦点导航 #

如果方案1无法满足需求，可以通过拦截DataGrid的KeyDown事件，手动将焦点移动到下一列单元格：

1. 在XAML中给DataGrid添加KeyDown事件绑定：

   <controls:DataGrid x:Name="grid" ... KeyDown="grid_KeyDown">
       <!-- 列定义 -->
   </controls:DataGrid>
   

2. 在后台代码中实现事件处理逻辑：

   private void grid_KeyDown(object sender, KeyRoutedEventArgs e)
   {
       if (e.Key != VirtualKey.Tab) return;
   
       var dataGrid = sender as DataGrid;
       if (dataGrid?.SelectedItem == null || dataGrid.CurrentColumn == null) return;
   
       int currentColIndex = dataGrid.Columns.IndexOf(dataGrid.CurrentColumn);
       int nextColIndex = currentColIndex + 1;
   
       // 循环到第一列（如果当前是最后一列）
       if (nextColIndex >= dataGrid.Columns.Count)
           nextColIndex = 0;
   
       var nextColumn = dataGrid.Columns[nextColIndex];
       dataGrid.CurrentColumn = nextColumn;
       dataGrid.ScrollIntoView(dataGrid.SelectedItem, nextColumn);
       dataGrid.Focus(FocusState.Keyboard);
   
       e.Handled = true;
   }
   

额外注意事项 #

• 移除DataGrid上不必要的TabFocusNavigation和TabNavigation设置（保持默认的Local即可，除非有特殊需求）：

  <!-- 移除这两行 -->
  <!-- TabFocusNavigation="Cycle" TabNavigation="Cycle" -->
  

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