Filter Overview
The Kendo UI for Vue Filter is a powerful component that helps you filter complex data sets. The component allows you to build and edit a CompositeFilterDescriptor object that is used by the filterBy method to give you the desired result. By providing a visual representation of the applied filters with the Filter component you can easily track the parameters passed to the filterBy method.
The Kendo UI for Vue Filter is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-data-tools package.
Basic Usage
To configure the Filter you have to use the below properties:
fields—Sets the fields settings which describes field names, labels, filter editor components and filter operators.value—Sets the value of the filter.onChange—The onChange event which will be triggered when the Filter value is changed.
Custom Editors
The Filter supports the usage of custom editors when filtering your data.
Custom Operators
The Filter provides options to configure the operators available for given field.
Globalization
The Pager provides globalization support.
Support and Learning Resources
- Filter Homepage
- API Reference of the Filter Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- Filter Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code
