如何在更改网格的分页时清除angular 2的kendo UI网格

import { Component, OnInit } from '@angular/core';
import { GridComponent } from '@progress/kendo-angular-grid';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  @ViewChild(GridComponent) grid: GridComponent;
  
  // 其他组件代码...
}

onPageChange(event: any) {
  this.grid.dataStateChange({
    skip: 0,  // 设置跳过的记录数为0
    take: event.pageSize,  // 设置每页显示的记录数为当前页大小
    sort: [],  // 清空排序信息
    filter: []  // 清空过滤信息
  });
}

<kendo-grid [data]="gridData" [pageSize]="pageSize" (pageChange)="onPageChange($event)">
  <!-- 网格列定义 -->
</kendo-grid>