Angular 2 Kendo UI Telerik 网格分页重新加载页面

Question

我有一个 Kendo-ui (Angular 2) 网格（启用分页），当我单击页面按钮时，它会重新加载页面（按钮链接中的 href 属性值是“#”）。如何解决这个问题？

网格：

                        <kendo-grid [data]="items" [pageSize]="state.take" [filter]="state.filter" [skip]="state.skip" [sort]="state.sort" [sortable]="true" [pageable]="{ buttonCount: 8, info: true}" [scrollable]="'none'" (dataStateChange)="dataStateChange($event)" (filterChange)="onFilterChanged($event)"
                        (pageChange)="onGridPageChange($event)">

pageChangeEvent：

onGridPageChange(e: PageChangeEvent) {
    this.state.skip = e.skip;
    this.state.take = e.take;
    this.loadInvoiceItems();
}

Answer 1

我之前确实遇到过这个问题。请改用 DataStateChangeEvent。

public dataStateChange(state: DataStateChangeEvent): void {
    Object.assign(this.state, state);
    this.loadInvoiceItems();
}

Answer 2

似乎正在处理official demo page。