@progress/kendo-treeview-vue-wrapper
Version:
39 lines (29 loc) • 1.5 kB
Markdown
title: Keyboard Navigation
page_title: Keyboard Navigation - TreeView - Kendo UI for Vue
description: "Explore the keyboard navigation options provided by the Kendo UI TreeView wrapper for Vue."
slug: keyboard_navigation_treeview_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/treeview/keyboard-navigation/"
position: 7
<div><WrapperBanner link="/kendo-vue-ui/components/treeview/keyboard-navigation/"></WrapperBanner></div>
# Keyboard Navigation
The keyboard navigation of the TreeView is always available.
The TreeView supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|:--- |:--- |
|`Alt`+`w` | If an item is focused, highlights the previous item. |
|`Up Arrow` | Highlights the previous item. |
|`Left Arrow` | Collapses the item. |
|`Down Arrow` | Highlights the next item. |
|`Right Arrow` | Expands the item. |
|`Home` | Highlights the first item in the list. |
|`End` | Highlights the last item in the list. |
|`Enter` | Selects the highlighted item. |
{% meta height:600 %}
{% embed_file keyboard-navigation/main.vue preview %}
{% embed_file keyboard-navigation/main.js %}
{% endmeta %}
## Suggested Links
* [Kendo UI TreeView for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/treeview/overview)
* [API Reference of the TreeView Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview)