kendo datasource分頁

Question

我正在使用數據表在我的MVC項目中排序和分頁。所以分頁和排序工作。

現在的問題是 -

我已經展示了pagesize:5的數據表。它每頁顯示5行，但不顯示pagenumbers。如何使用kendo數據源顯示分頁以顯示下一頁數量的下5個數據行。

看看我的代碼 -

var template = kendo.template($("#template").html()); 

    // To Do Item Data 
    // --------------- 



    // Build the data source for the items 
    var dataSource = new kendo.data.DataSource(
    { transport: { 
     read: "/Task/Read" 
    }, schema: { 
     data: "Data" 
    }, 
    serverGrouping: true, 
    sort: { field: "TaskID", dir: "asc" }, 
    serverPaging: true, 
    pageSize: 5 
}); 

    // When the data source changes, render the items 
    dataSource.bind("change", function (e) { 
     //alert('Bind'); 
     var html = kendo.render(template, this.view()); 
     $("#todos tbody").html(html); 
    }); 

    // Initial read of the items in to the data source 

    dataSource.read(); 




</script> 

HTML代碼 -

<tr> 
     <td> 
      <input type="checkbox" class="done" data-id="#= TaskID #" ></input> 
     </td> 
     <td> 
      #= TaskID # 
     </td> 
     <td> 
     #= Subject # 
     </td> 
     <td> 
     #=AssignedTo# 
     </td> 
    </tr> 
</script> 
<div class="row-fluid"> 
<div class="span4"> <table id="todos" class="table table-striped table-bordered"> 
     <thead> 
     <tr> 
      <th>Done</th> 
      <th>ID</th> 
      <th>Task</th> 
      <th>Assign To</th> 
     </tr> 
     </thead> 
     <tbody> 

     </tbody> 

    </table></div> 
</div> 

請告訴我如何顯示網頁數量呈現休息的行。我已經從kendo UI Grid遷移到kendo數據源，並使用bootstrap對其進行了設計。

Answer 1

試試這個：加「**分頁：真**」你的劍道網格配置，如數據源外：

$("#grid").kendoGrid({ 
    scrollable: true, 
    sortable: true, 
** pageable: true,** 

Answer 2

可以使用劍道UI尋呼機。相關鏈接：

的ListView分頁演示（使用劍道UI尋呼機實現）：http://demos.kendoui.com/web/listview/index.html

尋呼機API參考：http://docs.kendoui.com/api/web/pager