ページングが実行さる前に発生されます。
現在のページと次のページで構成されるオブジェクトを返します。
<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 を設定する @Input プロパティ。
<igx-paginator [overlaySettings] = "customOverlaySettings"></igx-paginator>
プロパティは、IgxPaginatorComponent
の現在のページを設定します。
デフォルト値は 0 です。
let page = this.paginator.page;
IgxPaginatorComponent
プロパティは、IgxPaginatorComponent
の現在のページを設定します。
デフォルト値は 15 です。
let itemsPerPage = this.paginator.perPage;
IgxPaginatorComponent
リソース文字列を返すアクセサー。
リソース文字列を設定するアクセサー。 デフォルトで EN リソースを使用します。
ページネーターの選択にカスタム オプションを設定する @Input プロパティ。
let options = this.paginator.selectOptions;
IgxPaginatorComponent
合計のレコードを設定する @Input プロパティ。
let totalRecords = this.paginator.totalRecords;
IgxPaginatorComponent
現在のページが変更されたときに発生されます。
Example