Keyboard Navigation
By default, the keyboard navigation of the PropertyGrid component is disabled.
Enable the PropertyGrid keyboard navigation functionality through the Navigatable() method. When the option is set to true, you can initially select a cell and then move within the PropertyGrid by using the Arrow keys. The navigation occurs at a cell level. To select the row of the currently focused cell, press Space.
The following example demonstrates how to enable the component keyboard navigation.
@(Html.Kendo().PropertyGrid<PropertyViewModel>()
.Name("propertyGrid")
/* Other configuration. */
.Navigatable(true)
)
For a complete example, refer to the demo on using the keyboard navigation of the PropertyGrid.
The PropertyGrid supports the following keyboard shortcuts:
- Actions Applied to the Data Table
| SHORTCUT | DESCRIPTION |
|---|---|
Access key + w |
Focuses the component. |
Arrow Keys |
Navigate over the cells. |
Space |
Selects the row holding the currently highlighted cell. |
Enter or F2
|
Puts the cell in 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. |
Alt + Right Arrow |
Expands the currently selected item, either a group or a composite item. |
Alt + Left Arrow |
Collapses the currently selected item, either a group or a composite item. |
Home |
Focuses the first focusable cell in the row. |
End |
Focuses the last focusable cell in the row. |
- Actions Applied to the ToolBar
| SHORTCUT | DESCRIPTION |
|---|---|
Access key + w |
Focuses the component. |
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 the CommandOverflow menu when an overflow anchor is focused. |
Space |
Selects the focused button. |
Home |
Focuses the first focusable item. |
End |
Focuses the last focusable item. |
Esc |
If the inner template navigation is activated, moves the focus back to the PropertyGrid ToolBar item. |