Skip to content

Latest commit

 

History

History
42 lines (34 loc) · 2.09 KB

keyboard-navigation.md

File metadata and controls

42 lines (34 loc) · 2.09 KB
title page_title description slug canonicalLink position
Keyboard Navigation
Keyboard Navigation - TreeList - Kendo UI for Vue
Explore the keyboard navigation options provided by the Kendo UI TreeList wrapper for Vue.
keyboard_navigation_treelist_wrapper
7

Keyboard Navigation

The keyboard navigation of the TreeList is always available.

The data table of the TreeList supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Arrow Keys Navigates between the cells.
Space Selects the row with the currently highlighted cell.
Ctrl+Space
  • Selects or deselects the current row.
  • Persists the previously selected rows.
Shift+Space
  • Performs range selection.
  • Selects all rows between the last selected one.
Shift+Arrow Keys Adds the row of the focused cell to the selection.
Enter or F2 Sets the item in edit mode. If pressed on a command column, the shortcut focuses the first focusable element inside it.
Esc Cancels the edit or, if an element inside a cell is focused, returns the focus to the table.
Alt+Right Arrow Expands the current item.
Alt+Left Arrow Collapses the current item.
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.

{% meta height:630 %} {% embed_file keyboard-navigation/main.vue preview %} {% embed_file keyboard-navigation/main.js %} {% endmeta %}

Suggested Links