使用客户端Kendo UI Grid实现服务器端分页? [英] Implement server-side paging with client-side Kendo UI Grid?

问题描述

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

Can anyone tell me how can I implement server-side paging with client-side Kendo UI Grid? I use below method.

如果有人使用此方法，请帮忙.

if any one use this method please help.

$(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: [{....]
           });
             }

});

推荐答案

您可以在telerik的演示页面上查看示例: http://demos.telerik.com/kendo-ui/grid/remote -数据绑定

You can take a look at the example on telerik's demo page: http://demos.telerik.com/kendo-ui/grid/remote-data-binding

最重要的内容在下面的配置中列出(serverPaging，可分页).该服务还必须实现服务器分页.例如，您可以看一下telerik演示服务: https://github.com /telerik/kendo-ui-demos-service

The most important are listed in the config below (serverPaging, pageable). Also the service has to implement server paging. For an example you can take a look on the telerik demo service: 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: []
  });
});

这篇关于使用客户端Kendo UI Grid实现服务器端分页?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！