在Kendo网格中更改数据源

Question

我在jsfiddle添加了演示。 这段代码在谷歌浏览器中是完美的（我没有与其他浏览器一起查看）。 这意味着字段和数据源已完全替换。 但是，当使用phonegap和cordova.js将其转换为android应用时，它的工作原理类似于此演示（此处的数据源将追加到上一个示例中）。 我不知道会发生什么

如果这个问题不能解决，请告诉我。

提前致谢。

Answer 1

不确定要添加行还是替换整个网格内容。 但这将解决两个问题。 你可以试试看

工作小提琴

添加额外的数据

 function changedata() {

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

     );
  }

替换数据。

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

Answer 2

例如，您应该使用Kendo UI的当前版本，以便可以使用destroy方法。 然后，您的变更处理程序应如下所示：

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
        }]
    });
}

（ 演示 ）