This guide provides the information you need to start using the Kendo UI Data Query—it includes instructions about the installation approach, how to import the required methods, and links to additional resources.
ninja-iconThe Data Query is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free TrialTo add the Kendo UI Data Query package, run the following command:
npm install --save @progress/kendo-data-query
After successfully installing the Data Query, import the required individual functions from the package:
import { process, orderBy, filterBy } from '@progress/kendo-data-query';
Then you can perform the desired in-memory data operations. The following code snippet demonstrates how an array objects could be filtered using filterBy
method:
import { filterBy } from '@progress/kendo-data-query';
const data = [
{ name: "Pork", category: "Food", subcategory: "Meat" },
{ name: "Pepper", category: "Food", subcategory: "Vegetables" },
{ name: "Beef", category: "Food", subcategory: "Meat" }
];
const result = filterBy(data, {
logic: 'and',
filters: [
{ field: "name", operator: "startswith", value: "P" },
{ field: "subcategory", operator: "eq", value: "Meat" },
]
});
console.log(JSON.stringify(result, null, 2));
/* output
[
{ "name": "Pork", "category": "Food", "subcategory": "Meat" }
]
*/
The Kendo UI Data Query package has no external dependencies.