background

Kendo UI for jQuery

jQuery DataSource

jQuery data binding library complete with data operations and local, remote, and offline support.
Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
Includes support, documentation, demos, virtual classrooms, learning resources and more!

Get Started

Demos

_Original Kendoka_3

Overview

The DataSource utility makes binding data and providing related features easy in many components. It is an abstraction for using local data (arrays of JavaScript objects) or remote data. It fully supports CRUD data operations and provides both client-side and server-side support for sorting, paging, filtering, grouping, and aggregates.

See the jQuery DataSource demo
Bind to Remote or Local Data

DataSource has you covered whether you with do use local or remote data. For local data, arrays of JavaScript objects are supported. Remote options include web services returning JSON, JOSONP, OData, or XML.

See the Local and Remote Data Binding demos
Data Operations

Provide the features your users need through local and/or server-side data operations. Functions supported include sorting, paging, filtering, grouping, and aggregates. All these features with just a few lines of code.

See the Local and Remote Data Operations demos
Offline Support

For cases where you need to provide data bound features without an active server connection, DataSource can cache data and changes. When a connection is present, those changes will be synchronized with the server.

Read the Offline Support documentation
CORS Data Fetching

Cross-Origin Resource Sharing (CORS) gives async web operations a way to directly grab resources from different domains. Without CORS, most browsers will throw an error when AJAX calls are made across domains. DataCourse provides API to configure CORS in your app.

Read the CORS Data Fetching Documentation
CRUD

DataSource provides CRUD (Create, Read, Update, Destroy) data operations to many components in the jQuery library. Choose to enable all or just the ones you choose.

Read the CRUD documentation
Hierarchical Data

Through the HierachicalDataSource component, DataSource represents local or remote hierarchical data in the Data Grid, TreeView, PanelBar, TreeMap, and DropDownTree. If you need to bind a hierarchical source to a non-compatibile component, that’s OK. The root level will still be displayed.

Read the Hierarchical Data documentation

Next Steps

Next Steps

Get Started

Demos