Question about Grid / Binding to local data example

[Dave]

Hi everyone,

I am looking at the HTML version of the following example.

http://demos.telerik.com/kendo-ui/web/grid/local-data.html

Can someone explain to me where/how the data is getting bound to the grid? I imagine it has something to do with the "data: products," line, but I don't see any element with an id products. Is it coming from the "<script src="../../content/shared/js/products.js"></script>" ?

If so, could someone show how I would use a .js file to pull data from somewhere?

Thanks  

[Dimiter Madjarov]

Hello Dave,


The data configuration option of the dataSource accepts an array of items as a parameter.

You could inspect the source of the demo page to check what does the products.js file contains.
Here is a direct link to it:
http://demos.telerik.com/kendo-ui/content/shared/js/products.js

It only contains an array of sample items.

Let me know if I could assist you further on this topic.

Regards,
Dimiter Madjarov
Telerik

 

 

[Dave]

Hi Dimiter,

Thank you for your response. In this example, is the .js file meant to hold just static data for the grid, or is it possible to write a Javascript function to fetch data from an external source based on an input and display it in the grid?

Thanks,

Dave

[Dimiter Madjarov]

Hello Dave,

Yes, the current example just demonstrates binding the Grid to an array of items. You could take a look at the remote data demo for the current case. You could also check the autoBind option of the Grid, which specifies whether the data should be bound during initialization. By default it is set to true, but if would like to determine the data based on an input value, you should set it to false and then manually read the Grid data with the read method of the dataSource.

Regards,
Dimiter Madjarov
Telerik