kendo datasource pagination

Question

Я использую сортировку и подкачку в проекте MVC с использованием данных. Так работает пейджинг и сортировка.

Теперь задача это-

Я показал pagesize:5 для DataTable. Он показывает 5 строк на странице, но не показывает pagenumbers. Как показать разбиение на страницы с помощью источника данных кендо для отображения следующих 5 строк данных со следующим pagenumber.

Посмотрите на мою code-

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 code-

<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 и стилю его с помощью бутстрапа.

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