FilterComponent
Component
Represents the Kendo UI Filter component for Angular. The Filter component enables users to define and apply complex filter criteria.
Definition
Package:@progress/kendo-angular-filter
Selector:kendo-filter
Syntax:
ts
@Component({
selector: 'my-app',
template: `
<kendo-filter [filters]="filters" (valueChange)="onValueChange($event)"></kendo-filter>
`
})
export class AppComponent {
public filters: FilterExpression[] = [
{
name: 'country',
label: 'Country',
filter: 'string',
operators: ['eq', 'neq'],
},
{
name: 'budget',
filter: 'number'
}
];
onValueChange(e: CompositeFilterDescriptor) {
console.log(e);
}
}Inputs
Specifies the available user-defined filters. At least one filter should be provided.
Sets the initial value of the Filter component.
Events
Fires every time the Filter component value is updated. That is each time a Filter Group or Filter Expression is added, removed, or updated.