我使用PrimeNG 14和Angular 14构建了一个带有分页器的过滤数据表.
我依赖于server-side filtering,因此每次过滤器更改都会触发一个返回新表数据的API请求.每当过滤器更改时,就会向用户显示第一个页面的匹配项,并且分页器应该跳回到"1".由于后者似乎不能开箱即用,所以我try 以编程方式设置所需的分页器状态.遗憾的是,我没有成功.
请看我的100或以下代码:
My Component.ts:个
@ViewChild('paginator', { static: true })
paginator?: Paginator;
ngAfterViewInit(): void {
setTimeout(() => {
this.paginator.changePage(3);
console.log('Currently selected page:', this.paginator.getPage());
});
}
控制台输出为Currently selected page: 3
,但在分页器1
上仍保持选中状态.
My Component.html:个
<p-paginator
#paginator
[rows]="10"
[totalRecords]="120"
[rowsPerPageOptions]="[10, 20, 30]">
</p-paginator>
你对如何解决这个问题有什么建议吗?