KendoReact MultiSelectTree Overview

The KendoReact 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 KendoReact MultiSelectTree component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-dropdowns package.


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

  1. Set data, textField and dataItemKey prop.
  2. Set value, checkField, checkIndeterminateField, subItemsField, and handle onChange event.
  3. Set expandField and handle onExpandChange event.
  4. Optionally use the getMultiSelectTreeValue utility function for default value changing behavior.
Example
View Source
Change Theme:

The MultiSelectTree is part of the KendoReact Dropdowns component library. The procedures for installing, importing, and using the Dropdowns are identical for all components in the package. To learn how to use the MultiSelectTree and the rest of the Dropdowns, see the Getting Started with the KendoReact Dropdowns guide.

Key Features

In this article

Not finding the help you need?