剣道グリッドのページ数がローカルデータでデフォルトで動作しない

Question

剣道グリッドのページ数がデフォルトのページの読み込みに影響しません。ボタンをクリックすると自動的に更新されます。それは最初の負荷自体で動作させる方法は？参考のため

：、

HTML：

<div id="custGrid" class="col-sm-12 col-md-12 col-lg-12"></div> 

スクリプト：

$(document).ready(function() { 
    var data = [{"slNo":"1","upOn":"15-Aug-2016","fileName":"reconciliation.csv"},{"slNo":"2","upOn":"14-Aug-2016","fileName":"report.csv"},{"slNo":"3","upOn":"12-Aug-2016","fileName":"reconReport.csv"}]; 
    $('#custGrid').kendoGrid({ 
     "columnMenu" : true, 
     "dataSource" : data, 
     "filterable" : true, 
     "sortable" : true, 
     "pageable" : true, 
     "columns" : [ { 
      "field" : "slNo", 
      "title" : "Sl No." 
     }, { 
      "field" : "upOn", 
      "title" : "Uploaded On" 
     }, { 
      "field" : "fileName", 
      "title" : "File Name" 
     } ], 
     "scrollable" : {}, 
     "excel" : { 
      "allPages" : true, 
      "fileName" : "Tasks.xls" 
     } 
    }); 
}); 

Answer 1

これは、ローカルデータを指し示すために十分である：予想通り

dataSource : { 
    data: data, 
    pageSize: 10 
} 

Answer 2

ここではあなたのための作業道場です。 http://dojo.telerik.com/oVELa

ページングする場合は、データソースにページサイズを指定する必要があります。 api docsに従ってください。

私が行っているすべてのデータソースから自分のデータソース要素を展開されます。

dataSource : { 
      data: data, 
      pageSize: 10, 
      schema: 
      { 
      model: { 
       fields:{ 
       slNo: {type:"number"}, 
       upOn: {type:"datetime"}, 
       fileName: {type:"string"}, 
       } 
      } 
      } 
     }, 

へのデータ私は個人的に、それはあなたにすべきかの少しより多くの情報を与えるとちょうど配列を指すようによりこれがより便利グリッドに提供されたデータで起きる可能性があります。

他に何か必要があれば、私に叫び声をください。