设置所选页码 - 剑道网格

Question

我正在使用 kendo-telrik 创建一个网格。在此假设我有 100 个数据。在json中我只有10个数据（假设第一页在分页中包含10个数据）。而且我一直在显示所有页面（100 个数据的 10 页）。

当我点击另一个页面时，然后获取下 10 个数据并在 ui 中显示。为此，我使用剑道网格的页面更改功能并获取下 10 个数据。现在我想在网格中列出我选择的页面中的数据。

为此，我创建了如下示例 - http://jsfiddle.net/pporwal26/y6KdK/76/

 var jsonData = JSON.parse("{\"Report\":\"type1\",\"FileList\":[{\"owner\":\"machine-174\\\\admin\",\"path\":\"C:\\\\workarea\\\\WinTest1lakhfileinKB\\\\WinTest\\\\nGYh\\\\SMv\\\\U1P8FLx\\\\vMbhdo\\\\TgFSW\\\\42Ioulj0w.txt\"},{\"owner\":\"machine-174admin\",\"path\":\"C:\\\\workarea\\\\bada_data\\\\Employee Database - Copy (7) - Copy.mdb\"}],\"Count\":100,\"total\":100,\"page\":1}");
function nextData(page){
jsonData = JSON.parse("{\"Report\":\"type1\",\"FileList\":[{\"owner\":\"machine-170\\\\admin\",\"path\":\"C:\\\\workarea\\\\WinTest1lakhfileinKB\\\\WinTest\\\\nGYh\\\\SMv\\\\U1P8FLx\"},{\"owner\":\"machine-170admin\",\"path\":\"C:\\\\workarea\"}],\"Count\":100,\"total\":100,\"page\":"+page+"}");
createGrid(jsonData);
}
createGrid(jsonData);
function createGrid(jsonData){
$("#grid").kendoGrid({
   pageable: true,
   scrollable: true,
   page: jsonData.page,
   pageable: {
         pageSize: 2,
         refresh: true,
         change:function(e){
           nextData(e.index);
         }
     },
   dataSource: {
       serverPaging: true,
       schema: {
           data: "FileList",
           total: "total"

       },
       data: jsonData 
   }
});
}

在此示例中，当我单击更改事件时，它总是显示 1 页而不是我选择的页面。并且还希望在每次点击网格上总是创建新的而不是添加它。我能为此做些什么？

Answer 1

好吧，我知道在nextData 函数内部调用createGrid(jsonData);，您将在每次递增时创建一个表，仅此一项就会导致错误。您是否尝试过将其注释掉？

我个人从来没有用过kendoGrid，所以如果我的回答不好，我很抱歉，但是从网上看了一下，这似乎有效？

在最坏的情况下，您确实需要进行更改，在这种情况下，您不能将表中的数据作为目标并在其他函数中覆盖它吗？一种非常病态的方法是删除/销毁当前的以创建新的。但我猜它会起作用吗？