Keyboard Navigation

The keyboard navigation of the DropDownTree is always available.

The DropDownTree supports the following keyboard shortcuts:

Closed state

SHORTCUTDESCRIPTION
Alt+Down ArrowOpens the popup.
Alt+Up ArrowCloses the popup.
EscResets the value of the DropDownTree.

Opened state

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
  • If the focus is on an open node, fires the onExpandChange event.
  • If the focus is on a child node, which is also closed or located in the end, moves the focus to its parent.
Right Arrow
  • If the focus is on a closed node, fires the onExpandChange event.
  • If 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 onChange event.
EscCloses the popup.
Example
View Source
Change Theme:

In this article

Not finding the help you need?