我在我的角度項目中使用primeNG數據表。 在我的一個場景中,我需要獲取primeNG數據表的當前頁碼,並將該號碼傳遞到下一個屏幕,並且當用戶返回到前一個屏幕時,我想再次設置該頁碼。如何獲取並設置primeNG數據表中的當前頁碼?
我檢查了primeNG數據表,但沒有明確的方法來獲取和設置當前頁碼。
我在我的角度項目中使用primeNG數據表。 在我的一個場景中,我需要獲取primeNG數據表的當前頁碼,並將該號碼傳遞到下一個屏幕,並且當用戶返回到前一個屏幕時,我想再次設置該頁碼。如何獲取並設置primeNG數據表中的當前頁碼?
我檢查了primeNG數據表,但沒有明確的方法來獲取和設置當前頁碼。
那麼你不能直接得到頁碼,但你可以得到第一個顯示行的偏移量(從零開始),然後知道每頁顯示的項目數計算頁碼。
從技術文檔:
」 ......分頁程序也可以通過使用綁定到的變化觸發分頁的第一屬性模型控制Optionaly此屬性支持可分頁更新雙向綁定,使模型值。 。以及下面是外部復位分頁程序的例子「
」 ......第一 - 要顯示的第一行的零相對數「,(https://www.primefaces.org/primeng/#/datatable,https://www.primefaces.org/primeng/#/paginator)
模板。 :
<p-dataTable [value]="cars" [rows]="10" [paginator]="true" [(first)]="first">
<p-column field="vin" header="Vin"></p-column>
<p-column field="year" header="Year"></p-column>
<p-column field="brand" header="Brand"></p-column>
<p-column field="color" header="Color"></p-column>
</p-dataTable>
<button type="button" (click)="reset()" label="Reset"></button>
代碼:
export class DataTableDemo implements OnInit {
cars: Car[];
first: number = 0;
constructor(private carService: CarService) { }
ngOnInit() {
this.carService.getCarsSmall().then(cars => this.cars = cars);
}
reset() {
this.first = 0;
}
}
作爲文檔狀態,在你的組件綁定[(first)]
變量你也可以得到你的變量更新時分頁狀態的改變,這樣你就可以計算出這樣的pageNumber = offset/itemsPerPage
有道理,請嘗試..切爾西 – user3340357