Hi,
I have a grid that can be altered through calls to a webservice as users adjust things on a page.
To do this I initially did the following
var grid = $("#grid").data("kendoGrid");
var dataSource = new kendo.data.DataSource({ data: CategoryPlanList, pageSize: 15 });
grid.setDataSource(dataSource);
Which updated my data perfectly, however I also needed to update columns whilst doing this, after some reading around I found a post saying I would have to remove and re-initialize the grid if I wish to do this, so I do:
I have a grid that can be altered through calls to a webservice as users adjust things on a page.
To do this I initially did the following
var grid = $("#grid").data("kendoGrid");
var dataSource = new kendo.data.DataSource({ data: CategoryPlanList, pageSize: 15 });
grid.setDataSource(dataSource);
Which updated my data perfectly, however I also needed to update columns whilst doing this, after some reading around I found a post saying I would have to remove and re-initialize the grid if I wish to do this, so I do:
grid.destroy();
$("#grid").empty();
and then re-create the grid using the same code that I used to initialize the grid in the first place, however this appears to have the issue that when the data is reloading the reordable facility on the grid ceases to function.
Does anyone know of a way where I can re-load a grid with new data and a new set of columns without the re-odering isue?
Thanks
Craig