To enable the filtering functionality, set the
filterable property to
When the filtering functionality is enabled, the component renders a filter input in the drop-down list. On every character input, the component triggers a
onFilterChange event. The event argument contains the typed string value that you can use to filter the source.
To filter the data after a delay, use a similar implementation. You can toggle the
loading property and provide the user with a visual indication of the filtering process.
The following example demonstrates how to update the data and open the DropDownList only after typing a minimum number of characters.
The following example demonstrates how to configure the DropDownList to use remote data along with data caching, virtual scrolling, and filtering.