New to Kendo UI for Vue? Start a free 30-day trial

Keyboard Navigation

The keyboard navigation of the TreeView is always available.

The TreeView supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Up ArrowMoves the focus to the previous focusable node without opening or closing a node.
Down ArrowMoves the focus to the next focusable node without opening or closing a node.
Left Arrow
  • When the focus is on an open node, fires the onExpandChange event.
  • When the focus is on a child node, which is also closed or located in the end, moves the focus to its parent.
Right Arrow
  • When the focus is on a closed node, fires the onExpandChange event.
  • When the focus is on an open node, moves the focus to the first child node.
HomeMoves the focus to the first node in the tree without opening or closing a node.
EndMoves the focus to the last focusable node in the tree without opening or closing a node.
EnterFires the onItemClick event.
SpaceIf the checkboxes property is configured, fires the onCheckChange event.
Example
View Source
Change Theme:

In this article

Not finding the help you need?