私の角型プロジェクトでは、primeNG datatableを使用しています。 私のシナリオの1つでは、primeNGデータテーブルの現在のページ番号を取得し、その番号を次の画面に渡す必要があります。ユーザーが前の画面に戻ると、そのページ番号を再度設定します。primeNGデータテーブルで現在のページ番号を取得および設定する方法は?
私はprimeNGデータテーブルをチェックしましたが、現在のページ番号を取得して設定する明確な方法はありません。
私の角型プロジェクトでは、primeNG datatableを使用しています。 私のシナリオの1つでは、primeNGデータテーブルの現在のページ番号を取得し、その番号を次の画面に渡す必要があります。ユーザーが前の画面に戻ると、そのページ番号を再度設定します。primeNGデータテーブルで現在のページ番号を取得および設定する方法は?
私はprimeNGデータテーブルをチェックしましたが、現在のページ番号を取得して設定する明確な方法はありません。
ページ番号を直接取得することはできませんが、最初に表示された行のオフセット(ゼロベース)を取得し、1ページあたりに表示されるアイテムの数を知ることでページ番号を計算できます。ドキュメントから
:
」...ページネータにも変化が改ページをトリガ最初のプロパティにバインディングを使用してモデルを介して制御することができOptionalyは、このプロパティは、モデルの値は、ページネーションに更新することができるように結合双方向をサポートしています。 。ここでも、外部からページネータをリセットする例がある「
」...第 - 1行目のゼロ相対数を表示する「、(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
意味があります、それを試してみよう.checkers – user3340357