Отключить табуляцию между столбцами в сетке данных WPF - PullRequest
Новая
       21

Отключить табуляцию между столбцами в сетке данных WPF

15 голосов
/ 21 января 2010

У меня есть таблица данных WPF Toolkit с несколькими столбцами. Я пытаюсь получить поведение, при котором вы можете вкладывать в сетку, используя вкладку, а затем снова вкладывать, используя одну вкладку. Например. Я не хочу просматривать все столбцы или ячейки сетки, только один раз и один раз.

Есть ли простое решение, я попытался установить для TabNavigation значение Once, а также отключить TabStop (не показано в коде ниже) и установить для TabNavigation в столбцах значение None, но безуспешно.

Что-то мне не хватает или мне нужно обработать клавишу Tab в коде? 

        <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>

Ответы [ 3 ]

20 голосов
/ 21 января 2010

Интересно, что установка KeyboardNavigation непосредственно на DataGridTextColumn не работает. Альтернатива, которая должна работать, - это установить стиль DataGridCell. 

<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>

Присоединение этого к DataGrid гарантирует, что ячейка является только TabStop, если она уже выбрана. Однако, если вы выбираете целые строки и в DataGrid не установлено SelectionUnit = "Cell", он все равно будет циклически проходить по каждому столбцу текущей выбранной строки.

Вместо этого мы можем создать несколько ячеек CellStyles в качестве ресурсов внутри DataGrid: 

<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>

Теперь у нас есть стиль, применяемый ко всем объектам DataGridCell по умолчанию и отключающий TabStop, и стиль с ключами, который позволяет выбирать, когда выбрана ячейка (или целая строка). Применение этого стиля только к одному столбцу даст нам тот же эффект вкладки, позволяя выбирать всю строку и все ее столбцы. 

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

Это также останавливает вкладку в DataGrid, если ничего не выбрано, что может быть предпочтительным или нет в зависимости от ситуации, в которой вы его используете.

10 голосов
/ 22 января 2010

Спасибо, Рмур. Чтобы запретить табуляцию для столбцов, я взял ваш ответ и слегка его изменил; 

     <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>

Так трюки;

  1. SelectionUnit = "FullRow" заставляет графический интерфейс выглядеть так, как будто вы делаете что-то по одной строке за раз (как я и хотел).
  2. Добавляя CellStyle к столбцам, в которых я хочу отключить TabStop (но не включая его в тех, в которых я хотел бы остановиться), я смог контролировать, в какие ячейки будет переходить эта клавиша Tab. - KeyboardNavigation.TabNavigation не оказывает влияния, если оно определено для столбцов.
0 голосов
/ 08 июня 2019

Я знаю, что это действительно старый вопрос, но я публикую его здесь на случай, если он кому-нибудь поможет. Хотя принятый ответ хорош, я не верю, что он покрывает случай, когда в том же окне есть другой элемент управления, и вы хотели бы перейти на DataGrid из этого элемента управления. Кроме того, вам может потребоваться поведение, описанное в исходном вопросе (одна вкладка, одна вкладка, нет перехода по ячейкам / столбцам). Это решение направлено на достижение этого.

Примечание: Это решение предполагает, что вы хотите, чтобы ваш SelectionUnit был FullRow в вашем DataGrid.

Во-первых, вот Style для применения к DataGrid: 

<DataGrid.Resources>
    <Style TargetType="DataGridRow">
        <Style.Setters>
            <Setter Property="Focusable" Value="True"/>
        </Style.Setters>
        <Style.Triggers>
            <Trigger Property="IsFocused" Value="True">
                <Setter Property="IsSelected" Value="True"/>
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style TargetType="DataGridCell">
        <Style.Setters>
            <Setter Property="Focusable" Value="False"/>
        </Style.Setters>
    </Style>
</DataGrid.Resources>

Этот стиль позволяет фокусироваться на строках, но не позволяет фокусироваться на отдельных ячейках, что обеспечивает фокусировку в соответствии с SelectionUnit из FullRow. Триггер, установленный внутри этого стиля, является необязательным - он необходим только в том случае, если вы хотите автоматически выбирать строку при получении фокуса.

В моем случае мне нужно было поведение одной вкладки / tab, поэтому я также установил свойство KeyboardNavigation.TabNavigation для моего DataGrid = "Once". 

<DataGrid SelectionUnit="FullRow" KeyboardNavigation.TabNavigation="Once">

При таком подходе я все еще могу использовать клавиши со стрелками вверх / вниз для циклического перемещения по строкам, как только DataGrid получает фокус, но я все еще могу быстро перемещаться, если я хочу переместить фокус на следующий элемент управления в порядке вкладок .

...