Question

我在jsfiddle添加了演示。此代码在Google Chrome中完美运行（我没有与其他浏览器核对）。这意味着字段和数据源完全被替换。但是当使用phonegap和cordova.js将其转换为Android应用程序时，它就像这个演示一样（这里数据源附加到前一个）。我不知道会发生什么。

如果这个问题不明确，请告诉我。

提前致谢。

Answer 1

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

<强> Working Fiddle

添加额外数据

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

（demo）

更改Kendo网格中的数据源

2 个答案: