如何在不同的頁面中設置不同的頁面大小在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(); 
}