Filtering

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

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.

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
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
Change Theme: