jQuery Grid Binding to Local Data
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
API REFERENCEDescription
The Kendo UI for jQuery Grid supports local data binding and you can display local-storage data in the component.
To implement local data binding, you only need to supply an array of JavaScript objects or JSON through the
dataSource data property of the Grid or utilize the Kendo UI DataSource as a mediator
between the Grid and the underlying data.
To make the connection to the remote endpoint and process the data properly, the data source requires information about the web service URL, the request type, the response data type, and, if the response is more complex than a plain array of objects, the structure (schema) of the response.
In this example, the Grid is bound to an array of products. The data is paged and can be sorted, and filtered.
This Grid example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.