刷新网格后剑道ui网格可分页大小发生变化

Posted 2023-05-07

【中文标题】刷新网格后剑道ui网格可分页大小发生变化

【英文标题】：Kendo ui grid pagable size changing after refresh the grid

【发布时间】：2016-12-31 13:17:39

【问题描述】：

我有带有自定义搜索表单的剑道网格。在我的搜索表单中，我有提交和重置按钮。 如果进行某些搜索，则网格将使用搜索到的过滤器数据源进行更新，然后单击重置网格将使用新的数据源进行刷新。 我的问题是没有重置如果我将页面大小值 10 更改为 20，然后单击重置网格..然后网格页面大小更改为 20 到 10 ...如果我单击下一页，则页面大小保持为 20 用于第二页，10 用于第一页

我该如何解决这个问题？任何想法 ？ 我的可分页代码：

           pageable: 
                pageSizes: [10,20, 30, 50],
                buttonCount: 5,
                messages:  
                    itemsPerPage: "Items per page",
                    first: "First",
                    previous: "Prev",
                    next: "Next",
                    last: "Last",
                
            , 

【问题讨论】：

你需要坚持用户偏好，看这里：demos.telerik.com/kendo-ui/grid/persist-state

【参考方案1】：

我的理解是，现在您是 Grid 所绑定的 changing the Kendo UI DataSource instance。如果是这种情况，那么您有两种选择：

不改变dataSource实例，只改变current dataSource instance中的数据，使用它的data()方法。您可能还需要clear the filter programmatically。 如果您更喜欢更改 DataSource 实例，则使用旧实例的 obtain the page size 和新 DataSource 实例的 set it to be the same in the settings。

【参考方案2】：

正如dimodi 所述

您可能需要清除过滤器并设置您的 pageSize

例子：

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

grid.clearSelection();

var pagesize = grid.dataSource.pageSize();
grid.dataSource.query(
    sort:  field: sortField, dir: sortDescOrAsc ,
    page: 1,
    filter: ,
    pageSize: pagesize
);