KendoUI Grid 服务器分页（可选单页显示数据量）

1 <div id="parent">
2         <div id="grid"></div>
3  </div>

 

 1 var dataSource = new kendo.data.DataSource({
 2             transport: {
 3                 read: {
 4                     url: "/Product/Data",
 5                     type: "POST",
 6                     dataType: "json"
 7                 },
 8                 update: {
 9                     url: "/Product/Update",
10                     type: "POST",
11                     dataType: "json"
12                 },
13                 parameterMap: function (options, operation) {  //X
14                     if (operation == "read") { 
15                         return {
16                             page: options.page, pageSize: options.pageSize, site: _site, sku: _sku
17                         };
18                     } else if (operation == "update") {
19                         return { models: JSON.stringify(options) };
20                     }
21                 }
22             },
23             requestEnd: function (e) {
24                 if (e.type == "update") {
25                     var response = e.response;
26                     if (!response) {
27                         dataSource.cancelChanges();
28                     }
29                 }
30             },
31             schema: {
32                 error: function (response) {
33                     return response.error; //错误信息显示
34                 },
35                 total: function (d) {
36                     return d._count;
37                 },
38                 data: function (d) {
39                     return d.results;
40                 },
41                 model: {
42                     id: "Id",
43                     fields: {
44                         Id: { editable: false },
45                         Site: { editable: false },
46                         SKU: { editable: false }
47                     }
48                 }
49             },
50             error: function (e) {
51                 alert(e.errorThrown);
52                 dataSource.cancelChanges();
53             },
54             pageSize: 500,      //初始单页数据量
55             serverPaging: true, //启用服务器分页
56             serverFiltering: true //启用服务器过滤
57         })    

View Code