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 more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
_Original Kendoka_3
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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