如何以编程方式更改 Angular Kendo UI 网格页面索引？

如何解决如何以编程方式更改 Angular Kendo UI 网格页面索引？

这个问题是 asked 8 years ago，但是 Kendo UI 网格已经发展并且现在支持 Angular。原始问题的答案不适用于 Kendo Grid Angular。

我有一个剑道网格，如果数据少于一页，我会在其中隐藏分页控件。

 template: `<kendo-grid #kendoGrid [kendoGridBinding]="gridView"
                        [pageSize]="pageSize" [pageable]="showPaginator()"

哪里

showPaginator(): boolean {
        return  this.gridView?.length > this.pageSize;
    }

如果第二页上只有一个项目并且我删除了该项目，则网格会显示没有项目的第二页，但会隐藏分页控件。 我想选择网格的第一行，或者选择网格的第一页，但找不到执行此操作的 api 调用。

解决方法

为了选择网格的第一页，您需要使用 Kendo 的网格 state 来更改 skip 如下：

html

[pageSize]="state.take"
[skip]="state.skip"

ts

public removeItem() {
    //remove the item
    this.state.skip = 0;
    //reload items refreshing grid
}

如您所见，我还更改了 [pageSize]="state.take" 而不是 pageSize。您可以在 take 上找到更多信息。