Getting Started with the Kendo UI Data Query

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.

Installing the Package

To add the Kendo UI Data Query package, run the following command:

Copy Codenpm install --save @progress/kendo-data-query

Using the Package

1. After successfully installing the Data Query, import the required individual functions from the package:

   Copy Codeimport { process, orderBy, filterBy } from '@progress/kendo-data-query';

2. 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:

   Copy Codeimport { 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" }
   ]
   */

Dependencies

The Kendo UI Data Query package has no external dependencies.

Next Steps

• Process Helpers for Bulk Operations
• Integration with UI for ASP.NET Core

Suggested Links

• Data Query Overview
• Data Query API Index