Kendo UI for Vue MultiSelectTree Overview

The Kendo UI for Vue MultiSelectTree is a form component that lets you choose multiple predefined values 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 MultiSelectTree 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 MultiSelectTree 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 MultiSelectTree component:

  1. Set dataItems, textField and dataItemKey prop.
  2. Use the v-model directive or the value and checkField, checkIndeterminateField, subItemsField, and handle onChange event if you use the value property.
  3. Set expandField and handle onExpandChange event.
  4. Optionally use the getMultiSelectTreeValue utility function for default value changing behavior.
View Source
Change Theme:

The MultiSelectTree 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?