To enable the filtering functionality, set the
filterable property to
On every user modification of the input value, the MultiColumnComboBox triggers a
filterChange event. The event argument contains the typed string value that you can use to filter the source.
The following example demonstrates how to handle the event manually and filter the data in your code. Notice that the filtering is performed against all fields displayed in the popup table.
When the entire set of data is available on the client, you can also use the built-in
kendoDropDownFilter directive to filter the data on user input. To configure the
kendoDropDownFilter directive, provide a
DropDownFilterSettings object to it. The settings object allows configuring the following options:
operator- Specifies the operator used to perform the filtering. Currently, the filtering directive supports the
caseSensitive- Specifies whether case sensitivity will be acknowledged. By default, the directive will perform case-insensitive filtering.
fields- Specifies against which fields will the filtering be performed. If no
fieldsare specified, filtering will be performed against the provided
The provision of the
DropDownFilterSettingsconfiguration object is optional. By default, the
kendoDropDownFilterdirective performs a case-insensitive search with the
startsWithoperator against the provided
The following example demonstrates how to use the filter value to create the appropriate query string, required for filtering the data on the server.