Grid datasource option vs setDataSource method

[Warren]

Hey guys,

Having an issue and wondering if I am doing something wrong. What I'm trying to achieve is initialize the grid on the page load and set the datasource at some other point (e.g. button click) using the setDataSource method but it won't load. Am I missing something or doing it wrong?

Working fine - Grid initialize using grid datasource option:
http://jsfiddle.net/dannycabrera/77Gbn/

Not working - Grid setDataSource method:
http://jsfiddle.net/dannycabrera/77Gbn/2/

Thanks for the help.

[Warren]

*Edit* - working links:

Working fine - Grid initialize using grid datasource option:
http://jsfiddle.net/dannycabrera/77Gbn/

Not working - Grid setDataSource method:
http://jsfiddle.net/dannycabrera/77Gbn/2/

[Alexander Popov]

Hi Warren,

I would recommend passing a DataSource object to the setDataSource method. For example: 

var ds = new kendo.data.DataSource({
    data: [{"Brand":"Chevrolet","Model":"Corvette","Color":"Red","Doors": 2},
           {"Brand":"Ford","Model":"Mustang","Color":"Blue","Doors": 2}]
});

$("#grid").data("kendoGrid").setDataSource(ds);

Regards,
Alexander Popov
Telerik

 

 

[Warren]

Thanks Alexander, exactly what I needed. Working great now.