剣道グリッドから複数のヘッダーを削除する方法

Question

剣道グリッドにデータを表示するサンプルアプリケーションを作成しています。 これは剣道のグリッドでページサイズのデータ​​を取得して読み込みます。ページが切り替わると次のデータがロードされます。

私のページ変更イベントコールでは、グリッドが既に存在するグリッドに追加されます。これにより、複数の列ヘッダーが表示されます。

私のサンプルがある - 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関数に設定します。上記のフィドルリンクをご覧ください。