如何从Kendo网格中删除多个标题

Question

我正在创建一个示例应用程序，在其中以剑道网格显示数据。 为此，我在kendo网格中获取页面大小数据，然后加载它。 当页面更改时，我加载下一个数据。

当我的页面更改事件调用时，网格被添加到已经存在的网格中。 这样，它显示了多个列标题。

我的示例是-http://jsfiddle.net/pporwal26/y6KdK/78/

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\":4}");

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\":5}");
$("#grid").kendoGrid({  dataSource: {
       serverPaging: true,
       schema: {
           data: "FileList",
           total: "total" 
       },
       data: jsonData 
   } })
}

createGrid(jsonData);
function createGrid(jsonData){
$("#grid").kendoGrid({
   pageable: true,
   scrollable: true,

   pageable: {
         pageSize: 2,
         refresh: true,
         change:function(e){
           nextData(e.index);
         }
     },
   dataSource: {
       serverPaging: true,
       schema: {
           data: "FileList",
           total: "total",
       },
       data: jsonData 
   }
});
}

页面更改事件调用时如何删除多个标题？

Answer 1

尝试如下修改您的nextData函数。

 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\\":5}"); var _dataSource = new kendo.data.DataSource({ schema: { data: "FileList", total: "total" }, data: jsonData, serverPaging : true, pageSize : 2, page : page }); $("#grid").data("kendoGrid").setDataSource(_dataSource); } 

Answer 2

http://jsfiddle.net/y6KdK/79/

var grid = createGrid(jsonData);

创建网格的实例。

var dataSource = new kendo.data.DataSource({
  data: jsonData
});
grid.setDataSource(dataSource);

并将新创建的数据源设置为nextData函数。 请参阅上面的小提琴链接。