移动设备中的Kendo网格刷新问题

我每隔10秒刷新一次kendo.all.min.js网格，我使用了以下代码，并使用了kendo.all.min.js

 $(document).ready(function () { loadData(); intervalManager(true, TableStatus, 10000); }); var TableStatus = function () { loadData(); } var refreshorderplacedgrid; function intervalManager(flag, animate, time) { if (flag) refreshorderplacedgrid = setInterval(animate, time); else clearInterval(refreshorderplacedgrid); } function loadData() { var grid = $("#grid").kendoGrid({ dataSource: { data: [ { ID: '1001', FirstName: 'Alphy', LastName: 'LastName', category: 'A', Markable: true }, { ID: '1002', FirstName: 'Betty', LastName: 'LastName', category: 'B', Markable: true}], schema: { model: { fields: { FirstName: { type: "string" }, LastName: { type: "string" } } } }, sort: { field: "FirstName", dir: "asc" }, pageSize: 10 }, scrollable: true, sortable: true, selectable: true, columns: [ { field: "FirstName", title: "First Name" }, { field: "LastName", title: "Last Name" }, { template: kendo.template($("#isCancel-template").html()) } ] }).data("kendoGrid"); } 

这段代码给出了输出，如系统chrome中的以下屏幕截图，

但在移动设备[所有设备]

它附加旧网格，而不是像后面的屏幕截图重新绑定

我不知道这里有什么问题，我用google搜索并使用了$("#grid").data("kendoGrid").refresh(); 这段代码也是。 什么都没发生，任何帮助都会非常值得注意。

谢谢，古娜

Answer 1

@gitsitgo的评论，我按照以下方式更改了代码，以避免重新初始化网格，现在它的工作正常。

 var myDataSource = new kendo.data.DataSource({ data: [ { ID: '1001', FirstName: 'Alphy', LastName: 'LastName', category: 'A', Markable: true }, { ID: '1002', FirstName: 'Betty', LastName: 'LastName', category: 'B', Markable: true }, { ID: '1003', FirstName: 'Betty', LastName: 'LastName', category: 'B', Markable: true}], schema: { model: { fields: { FirstName: { type: "string" }, LastName: { type: "string" } } } }, sort: { field: "FirstName", dir: "asc" }, pageSize: 10 }); $(document).ready(function () { initGrid(); loadData(); intervalManager(true, TableStatus, 10000); }); var TableStatus = function () { loadData(); } var refreshorderplacedgrid; function intervalManager(flag, animate, time) { if (flag) refreshorderplacedgrid = setInterval(animate, time); else clearInterval(refreshorderplacedgrid); } function loadData() { $("#grid").data("kendoGrid").setDataSource(myDataSource); $("#grid").data("kendoGrid").refresh(); } function initGrid() { var grid = $("#grid").kendoGrid({ dataSource: myDataSource, scrollable: true, sortable: true, selectable: true, columns: [ { field: "FirstName", title: "First Name" }, { field: "LastName", title: "Last Name" }, { template: kendo.template($("#isCancel-template").html()) } ] }).data("kendoGrid"); } 

谢谢，古娜