在Kendo网格中更改数据源

Question

I have added demo in jsfiddle . This code works perfectly in google chrome (I didn't check with other browsers). Which means the field and datasource are perfectly replaced. But while convert it as android app using phonegap and cordova.js it works like this demo (Here the datasource is append to the previous one). I don't know what happens.

If this question didn't clear please let me know.

Thanks in advance.

Answer 1

Not sure about whether you want to add row or replace whole grid contents. But it will solve both the problems. You can try this.

Working Fiddle

To add extra data

 function changedata() {

    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.add({ name: "John Doe", age: 33});
    grid.dataSource.add({ name: "Jane Doe", age: 30}

     );
  }

To Replace the data.

function replacedata() {
 $("#grid").data("kendoGrid").dataSource.data([{ name: "aaaa Doe", age: 30 },{ name: "aaaa Doe", age: 23 }]);
  }

Answer 2

You should use a current version of Kendo UI so you can use the destroy method, for example. Your change handler should then look like this:

function changedata() {
    $("#grid").data("kendoGrid").destroy();
    $("#grid").empty();

    $("#grid").kendoGrid({
        dataSource: [{
            name: "Jane Doe",
            age: 30,
            no: 11
        }, {
            name: "John Doe",
            age: 33,
            no: 12
        }]
    });
}

( demo )