Ativação de células React Grid
A Tabela de Dados / Grade de Dados Ignite UI for React suporta um recurso de ativação de células que permite a navegação por teclado pelas células da grade. Isso é ativado definindo aactivationMode propriedade da grade paraCell.
React Grid Cell Activation Example
Excel Style Navigation
enterBehaviorAfterEditA propriedade configurará a grade para navegar para a próxima célula para cima, baixo, esquerda ou direita após pressionar a tecla enter no modo edit. Caso contrário, aenterBehavior propriedade da grade pode ser usada para navegar até outras células, enquanto não está no modo de edição, cima, baixo, esquerda ou direita.
Keyboard Navigation
Após definir aactivationMode propriedade da grade paraCell, isso permitirá uma variedade de opções de navegação por teclado na grade de dados. Abaixo está uma descrição de cada uma das teclas / combinações e o efeito que elas terão em relação à célula atualmente ativada:
- ↑: Navegar uma célula para cima.
- ↓: Navegar uma célula para baixo.
- ←: Navega uma célula para a esquerda somente na linha atual.
- →: Navega uma célula para a direita somente na linha atual.
- PAGE UP: Role a grade uma página da janela de visualização para cima.
- PAGE DOWN: Role a grade uma página da janela de visualização para baixo.
- TAB: Mova a célula ativa para a próxima célula à direita ou para a célula mais à esquerda da próxima linha se a última célula dessa linha for alcançada.
- SHIFT + TAB: Mova a célula ativa para a próxima célula à esquerda ou para a célula mais à direita da linha anterior se a primeira célula dessa linha for alcançada.
- CTRL + ↑: Mova para a célula superior da coluna.
- CTRL + ↓: Mova para a célula inferior da coluna.
- CTRL + ←: Mova para a célula mais à esquerda da linha.
- CTRL + →: Mova para a célula mais à direita da linha.
- CTRL + HOME: Mova para a célula superior esquerda da grade.
- CTRL + END: Mova para a célula inferior direita da grade.