How to reload Grid?

[agv]

I have added some text fields above my grid. I was wanting to attach a change event on these fields so that the grid reloads when the field are updated. I was wondering if there is a way to reload or re-initialize the grid?

[Rosen]

Hello Agv,

In order to refresh the data to which grid is bound, you should call its dataSource read method:

$("#grid").data("kendoGrid").dataSource.read();

This will repopulate the dataSource data using the assign transport.

Regards,
Rosen
the Telerik team

[David]

This doesnt seem to be working 

$('#refresh').button().click(function(){

  //$('body').prepend('refresh called.<br/>');

  var l = gdata.length;

  gdata[gdata.length] = {ChainRing: l, MidDriveGear: l, MidDriveOutput: l, RearSprocket: l, GearRatio: l, Motive: l, GearInch: l, Speed: l };

  $("#grid").data("kendoGrid").dataSource.read();

     

 

  

});

http://jsbin.com/ohumul/5/edit 



[Stanislav]

Hello! Reloading collapses all expanded subtrees and actually I dont know how to do it via current API. How to save grid state and extract it on reload?

[agv]

$("#grid").data("kendoGrid").dataSource.sync();

[Abhishek]

1- Try to disable the cache in Kendo grid's datasource read property.

'cache: false'

read: {

    dataType: "json",

    url: <<"url">>,

    cache: false

}



and then,

2- $("#grid").data("kendoGrid").dataSource.read();

It worked for me :)