Filtering

To enable the filtering functionality, set the filterable property to true.

The DropDownTree Component is part of KendoReact, a professional UI components library designed and built from the ground up for React to make developers more productive. To try it out, sign up for a free 30-day trial.

Basic Configuration

When the filtering functionality is enabled, the DropDownTree component renders a filter input in the drop-down list. On every character input, the DropDownTree triggers a onFilterChange event. The event argument contains the typed string value that you can use to filter the source.

Example
View Source
Edit In Stackblitz  
Change Theme:

Visualize Filtering

You can toggle the loading property and provide the user with a visual indication of the filtering process.

Example
View Source
Edit In Stackblitz  
Change Theme: