Kendo UI for Vue DropDownTree Overview

The Kendo UI for Vue DropDownTree is a form component that lets you choose a single predefined value from a hierarchical list and is a richer version of the <select> element. Supports filtering, custom rendering, keyboard navigation, expand and collapse of the hierarchical data items.

The Kendo UI for Vue DropDownTree component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-dropdowns package.

The DropDownTree Component is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example shows how to set up the DropDownTree component:

  1. Set dataItems, textField and dataItemKey prop.
  2. Set value, selectField and handle onChange event.
  3. Set expandField and handle onExpandchange event.
View Source
Change Theme:

The DropDownTree is part of the Kendo UI for Vue Dropdowns component library. The procedures for installing, importing, and using the Dropdowns are identical for all components in the package.

Key Features

In this article

Not finding the help you need?