如何在不同的页面中设置不同的页面大小在Kendo UI Grid中

Question

您好，我在Kendo UI Grid分页中有一个需求。

如何显示

1. X项目/在第1页的行
2. X + 1项/在第2页行
3. X-1项/排在第3页

我已经尝试了波纹管代码，但没有工作，因为最新的查询选择，它会显示每页2项。

 
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 3, page: 1 }); 
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 4, page: 2 }); 
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 2, page: 3 }); 

Answer 1

您应该使用dataBound事件来捕获页面更改。

var page = $("#grid").data("kendoGrid").dataSource.page(); 

会给你当前页面。

你可以使用像要改变页面大小：

if (page == 2){ 
     var grid = $("#grid").data("kendoGrid"); 
     grid.dataSource.pageSize(5); 
     grid.refresh(); 
}