使用客户端Kendo UI Grid实现服务器端分页?

时间:2016-09-12 09:48:25

标签: asp.net kendo-ui grid

有谁能告诉我如何使用客户端Kendo UI Grid实现服务器端分页? 我用下面的方法。

如果有人使用这种方法,请帮助。

$(document).ready(function () {
 function loadGrid(){
$.ajax({
   .....
   data: JSON.stringify({
   //skip: skip,
   //take: take,
 }),
 success: function (result) {
var datsource = new kendo.data.DataSource({
   data: result.d,
   schema: {
       model: {
           id: "TemplateID",
           fields: {.... }
               }
            },          
       serverPaging: true,
       pageSize: 10,
   });
  $("#grdOtherBomRequest").kendoGrid({
      dataSource: datsource,                            

      serverFiltering: true,
      serverSorting: true,
      serverPaging: true,
      columns: [{....]
           });
             }

});

1 个答案:

答案 0 :(得分:1)

您可以查看telerik的演示页面上的示例: http://demos.telerik.com/kendo-ui/grid/remote-data-binding

最重要的是在下面的配置中列出(serverPaging,pageable)。该服务还必须实现服务器分页。有关示例,您可以查看telerik演示服务:https://github.com/telerik/kendo-ui-demos-service



$(document).ready(function() {
  $("#grid").kendoGrid({
    dataSource: {
      type: "odata",
      transport: {
        read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
      },
      schema: {
        model: {
          fields: {}
        }
      },
      pageSize: 20,
      serverPaging: true,
      serverFiltering: true,
      serverSorting: true
    },
    filterable: true,
    sortable: true,
    pageable: true,
    columns: []
  });
});