Désactiver tabstop entre les colonnes d'une grille de données WPF

J'ai un WPF Toolkit datagrid avec plusieurs colonnes. Je suis en train d'essayer d'obtenir un comportement où vous pouvez onglet dans la grille à l'aide de l'onglet, puis onglet à nouveau à l'aide d'un seul onglet. E. g. Je ne veux pas d'onglet à travers toutes les colonnes ou des cellules de la grille, juste une fois et une seule fois.

Est-il une solution simple, j'ai essayé le réglage de la TabNavigation à la Fois, avec la désactivation de Tabulation (pas indiqué dans le code ci-dessous) et la mise en TabNavigation sur les colonnes à Aucun, mais sans succès.

Est-il quelque chose que je suis absent ou dois-je la poignée de la touche Tab dans le code?

        <my:DataGrid Name="datagrid"
                     AutoGenerateColumns="False" IsReadOnly="True"
                     CanUserAddRows="False" CanUserDeleteRows="False"
                     Background="White"
                     KeyboardNavigation.TabNavigation="Once">
            <my:DataGrid.Columns>
                <my:DataGridTextColumn x:Name="ID" Header="ID" Width="1*" ></my:DataGridTextColumn>
                <my:DataGridTextColumn x:Name="Ticker" Header="Ticker" Width="1*" KeyboardNavigation.TabNavigation="None"></my:DataGridTextColumn>
                <my:DataGridTextColumn x:Name="OfficialName" Header="Name" Width="3*" KeyboardNavigation.TabNavigation="None"></my:DataGridTextColumn>
            </my:DataGrid.Columns>
        </my:DataGrid>

source d'informationauteur Thies

  1. 17

    Il est intéressant de noter que le réglage de la KeyboardNavigation directement sur la DataGridTextColumn n'a pas de travail. Une solution qui devrait de travail est de mettre en place un DataGridCell style.

    <toolkit:DataGrid.CellStyle>
    <Style TargetType="{x:Type toolkit:DataGridCell}">
        <Setter Property="KeyboardNavigation.IsTabStop"
                Value="False" />
        <Style.Triggers>
            <Trigger Property="IsSelected"
                     Value="True">
                <Setter Property="KeyboardNavigation.IsTabStop"
                        Value="True" />
            </Trigger>
        </Style.Triggers>
    </Style>
</toolkit:DataGrid.CellStyle>

    L'attachement de cette à la grille de faire en sorte qu'une cellule n'est qu'une TabStop si elle est déjà sélectionnée. Toutefois, si vous sélectionnez plein de lignes et de ne pas avoir SelectionUnit="Cellule" de la grille de données, il faudra encore passer par chaque colonne de la ligne sélectionnée.

    Au lieu de cela, nous pouvons créer plusieurs CellStyles que sur les ressources de la grille de données:

    <toolkit:DataGrid.Resources>

    <Style  x:Key="SelectableCellStyle"
            TargetType="{x:Type toolkit:DataGridCell}">
        <Setter Property="KeyboardNavigation.IsTabStop"
                Value="False" />
        <Style.Triggers>
            <Trigger Property="IsSelected"
                     Value="True">
                <Setter Property="KeyboardNavigation.IsTabStop"
                        Value="True" />
            </Trigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="{x:Type toolkit:DataGridCell}">
        <Setter Property="KeyboardNavigation.IsTabStop"
                Value="False" />
    </Style>

</toolkit:DataGrid.Resources>

    Maintenant, nous avons un style appliqué à tous les DataGridCells par défaut et désactiver TabStop, et un détrompeur style qui permet la sélection lorsque la Cellule (ou de la Ligne entière) est sélectionné. L'application de ce style qu'à une seule colonne va nous donner le même onglet, en effet, tout en permettant à l'ensemble de la ligne et de tous ses colonnes à sélectionner.

     <my:DataGridTextColumn x:Name="ID" Header="ID" Width="1*" CellStyle={StaticResource  SelectableCellStyle}"/>

    Ce n'arrêtez également de tabulation dans le DataGrid si rien n'est sélectionné, ce qui peut être préféré ou pas, en fonction de la situation que vous êtes en utilisant.

  2. 10

    Merci rmoore. Pour obtenir la tabulation pour être désactivé pour les colonnes, j'ai pris votre réponse et modifié légèrement;

         <my:DataGrid Name="datagrid" 
                 AutoGenerateColumns="False" IsReadOnly="True" 
                 CanUserAddRows="False" CanUserDeleteRows="False" 
                 Background="White" 
                 KeyboardNavigation.TabNavigation="Once"
                 SelectionUnit="FullRow"> 
        <my:DataGrid.Columns> 
            <my:DataGridTextColumn x:Name="ID" Header="ID" Width="1*" ></my:DataGridTextColumn> 
            <my:DataGridTextColumn x:Name="Ticker" Header="Ticker" Width="1*">
                    <my:DataGridTextColumn.CellStyle>
                        <Style TargetType="{x:Type my:DataGridCell}">
                            <Setter Property="KeyboardNavigation.IsTabStop" Value="False"></Setter>
                        </Style>
                    </my:DataGridTextColumn.CellStyle>
            </my:DataGridTextColumn> 

            <my:DataGridTextColumn x:Name="OfficialName" Header="Name" Width="3*">
                  <my:DataGridTextColumn.CellStyle>
                        <Style TargetType="{x:Type my:DataGridCell}">
                            <Setter Property="KeyboardNavigation.IsTabStop" Value="False"></Setter>
                        </Style>
                  </my:DataGridTextColumn.CellStyle>
            </my:DataGridTextColumn> 
        </my:DataGrid.Columns> 
    </my:DataGrid>

    Donc astuces;

    1. SelectionUnit="FullRow" rend le GUI ressembler à vous de faire les choses d'une ligne à la fois (comme je le voulais).
    2. Par l'ajout d'un CellStyle pour les colonnes que je veux désactiver TabStop (mais pas y compris dans ceux que je voudrais arrêter) m'a permis de prendre le contrôle sur les cellules qui touche tab naviguer en. - Le KeyboardNavigation.TabNavigation de ne pas avoir un effet lorsqu'il est défini sur les colonnes.