刷新网格后Kendo ui网格可分页大小更改

Question

我有剑道网格和自定义搜索表单。在我的搜索表单中，我有提交和重置按钮。如果有搜索内容，那么网格将使用搜索的过滤器数据源进行更新，然后单击“重置”，网格将使用新数据源进行刷新。如果我将pagesize值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",
                }
            }, 

Answer 1

正如迪莫迪所说

您可能需要清除过滤器并设置页面大小

例子：

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
});

Answer 2

我的理解是，现在您正在更改网格绑定到的KendoUIDataSource实例。如果是这种情况，则有两种选择：

• 不更改数据源实例，只使用其data（）方法更改当前数据源实例中的数据。您可能还需要以编程方式清除筛选器