This example demonstrates the
Shield UI Grid support for various keyboard navigation features. The built-in keyboard combinations are:
-
Arrow keys - moves the focus between cells
-
Page Up - navigates to the previous page if pagination is turned on
-
Page Down - navigates to the next page if pagination is turned on
-
Home - moves the focus to the first cell in the row that contains focus
-
End - moves the focus to the last cell in the row that contains focus
-
Ctrl + Home - moves focus to the first cell in the first visible row
-
Ctrl + End - moves focus to the last cell in the last visible row
-
Enter - when pressed on a header cell, invokes sorting for that column
-
Space - selects the current cell/row if selection is enabled
-
Enter - when pressed on an editable cell, disables grid navigation and puts this cell/row in edit mode
-
Escape - if grid navigation is disabled, cancels any edits and restores grid navigation
-
TAB - moves focus to next widget in the grid
-
Shift + TAB - moves focus to previous widget in the grid
The grid also
supports non built-in functionalities as is shown by the example.
In the example, if
CTRL + G is pressed it focuses
this grid only.
