Kendo Grid pagenation Anzahl funktioniert nicht mit Standard mit lokalen Daten

Question

Kendo Grid Pagenation Anzahl funktioniert nicht auf Standard-Seiten laden, nach dem Klicken auf eine Schaltfläche wird es automatisch aktualisiert. Wie funktioniert es bei der ersten Ladung selbst?

Zum Vergleich:,

HTML:

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

Script:

$(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

Dies reicht für lokale Daten zeigen:

dataSource : { 
    data: data, 
    pageSize: 10 
} 

Answer 2

Hier ist ein Arbeits Dojo für Sie. http://dojo.telerik.com/oVELa

Wenn Sie paging, müssen Sie die Datenquelle eine Seitengröße bereitstellen. gemäß der api docs.

alles, was ich getan habe, ist Ihre Datenquelle Element aus der Datasource erweitert aus: Daten

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

ich persönlich diesen nützlichen zu finden, als es nur auf das Feld zeigen, wie es Ihnen ein bisschen mehr Informationen von dem, was gibt sollte mit den Daten, die dem Grid zur Verfügung gestellt werden.

Wenn Sie noch etwas brauchen, geben Sie mir einen Ruf.