<igx-paginator (pageChange)="onPageChange($event)"></igx-paginator>
public onPageChange(page: number) {
this.currentPage = page;
}
ページングが実行さる前に発生されます。
現在のページと次のページで構成されるオブジェクトを返します。
<igx-paginator (paging)="pagingHandler($event)"></igx-paginator>
ページングが実行された後に発生されます。
前のページと現在のページで構成されるオブジェクトを返します。
<igx-paginator (pagingDone)="pagingDone($event)"></igx-paginator>
ページネーターの perPage
プロパティ値が変更されたときに発生されます。
<igx-paginator (perPageChange)="onPerPageChange($event)"></igx-paginator>
public onPerPageChange(perPage: number) {
this.perPage = perPage;
}
totalRecords と perPage から計算された総ページ数。
コンポーネントのテーマを返します。デフォルトのテーマは
comfortable
です。
利用可能なオプションは comfortable
、cosy
、または compact
です。
let componentTheme = this.component.displayDensity;
コンポーネントのテーマを設定します。
現在のページが最初のページかどうかを返します。
const lastPage = this.paginator.isFirstPage;
最初のページャー ボタンを無効にするかどうかを返します。
現在のページが最後のページかどうかを返します。
const lastPage = this.paginator.isLastPage;
最後のページャー ボタンを無効にするかどうかを返します。
カスタム OverlaySettings を設定します。
<igx-paginator [overlaySettings] = "customOverlaySettings"></igx-paginator>
ページネーターの現在のページを取得または設定します。 デフォルトは 0 です。
let page = this.paginator.page;
IgxPaginatorComponent
ページネーターのページごとに表示される項目の数を取得または設定します。 デフォルトは 15 です。
let itemsPerPage = this.paginator.perPage;
IgxPaginatorComponent
リソース文字列を返すアクセサーです。
リソース文字列を設定するアクセサーです。 デフォルトで EN リソースを使用します。
ページネーターの選択でカスタム オプションを設定します。
let options = this.paginator.selectOptions;
IgxPaginatorComponent
合計レコードを設定します。
let totalRecords = this.paginator.totalRecords;
IgxPaginatorComponent
表示密度の値に基づいて --component-size
CSS 変数を設定します。
現在のページが変更されたときに発生されます。