Keyboard Navigation
The PropertyGrid gets its keyboard navigation functionality through the navigatable option. When set to true, you can initially select a row or cell and then move within the PropertyGrid by using the Arrow keys.
The Kendo UI for jQuery PropertyGrid supports the following keyboard shortcuts applied to the PropertyGrid Data Table:
| SHORTCUT | DESCRIPTION |
|---|---|
Arrow keys |
Navigate over the cells |
Space |
Selects the row holding the currently highlighted cell |
Enter or F2
|
Puts the item in the edit mode |
Esc |
Cancels the edit or, if an element inside a cell is focused, returns the focus to the table |
Ctrl+Home
|
Focuses the first focusable element inside the body |
Ctrl+End
|
Focuses the last focusable element inside the body |
Home |
Focuses the first focusable cell in the row |
End |
Focuses the last focusable cell in the row |
Shift+Tab
|
Navigates to the previous item |
Shift+Tab
|
Navigates to the previous item |
Shift+Tab
|
Navigates to the previous item |
The Kendo UI for jQuery supports the following keyboard shortcuts applied to the PropertyGrid ToolBar:
| SHORTCUT | DESCRIPTION |
|---|---|
F10 |
Focuses the ToolBar |
Right Arrow |
Focuses the next focusable item |
Left Arrow |
Focuses the previous focusable item |
Enter |
Selects the focused button, or enters the inner template navigation if the template contains focusable items, or opens CommandOverflow menu when overflow anchor is focused |
Space |
Selects the focused button |
Home |
Focuses the first focusable item |
End |
Focuses the last focusable item |
Esc |
Moves the focus back to the PropertyGrid ToolBar item |
For a complete example, refer to the demo on keyboard navigation of the PropertyGrid.