New to Kendo UI for AngularStart a free 30-day trial

DropDownFilterSettings

Configures the kendoDropDownFilter directive.

For more information, refer to the articles on using the built-in kendoDropDownFilter directive with each DropDowns component:

ts
@Component({
selector: 'my-app',
template: `
 <kendo-autocomplete
     [data]="data"
     [kendoDropDownFilter]="filterSettings">
 </kendo-autocomplete>
`
})
class AppComponent {
    public data: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
    public filterSettings: DropDownFilterSettings = {
        caseSensitive: false,
        operator: 'contains'
    };
}
NameTypeDefaultDescription

caseSensitive?

boolean

Determines whether the performed search will be case-sensitive or case-insensitive. By default, the performed search is case-insensitive.

fields?

string[]

Determines by which object fields should the filtering be performed against (when using object data). By default, the filtering will be performed against the specified component textField.

operator?

"contains" | "startsWith"

Determines the operator for the search.

The available options are:

  • (Default) startsWith
  • contains
Not finding the help you need?
Contact Support