constructor

• new IgxPaginatorComponent(elementRef, cdr): IgxPaginatorComponent

• パラメーター

  • elementRef: ElementRef<any>

  • cdr: ChangeDetectorRef

  返却 IgxPaginatorComponent

pageChange

<igx-paginator (pageChange)="onPageChange($event)"></igx-paginator>
Copy

public onPageChange(page: number) {
  this.currentPage = page;
}
Copy

paging

<igx-paginator (paging)="pagingHandler($event)"></igx-paginator>
Copy

pagingDone

<igx-paginator (pagingDone)="pagingDone($event)"></igx-paginator>
Copy

perPageChange

<igx-paginator (perPageChange)="onPerPageChange($event)"></igx-paginator>
Copy

public onPerPageChange(perPage: number) {
  this.perPage = perPage;
}
Copy

totalPages

isFirstPage

• get isFirstPage(): boolean

• 現在のページが最初のページかどうかを返します。

  const lastPage = this.paginator.isFirstPage;
  Copy

  返却 boolean

isLastPage

• get isLastPage(): boolean

• 現在のページが最後のページかどうかを返します。

  const lastPage = this.paginator.isLastPage;
  Copy

  返却 boolean

nativeElement

• get nativeElement(): any

• 返却 any

overlaySettings

• get overlaySettings(): OverlaySettings

• カスタム OverlaySettings を設定します。

  <igx-paginator [overlaySettings] = "customOverlaySettings"></igx-paginator>
  Copy

  返却 OverlaySettings

• set overlaySettings(value): void

• パラメーター

  • value: OverlaySettings

  返却 void

page

• get page(): number

• ページネーターの現在のページを取得または設定します。 デフォルトは 0 です。

  let page = this.paginator.page;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set page(value): void

• パラメーター

  • value: number

  返却 void

perPage

• get perPage(): number

• ページネーターのページごとに表示される項目の数を取得または設定します。 デフォルトは 15 です。

  let itemsPerPage = this.paginator.perPage;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set perPage(value): void

• パラメーター

  • value: number

  返却 void

resourceStrings

• get resourceStrings(): IPaginatorResourceStrings

• リソース文字列を返すアクセサーです。

  返却 IPaginatorResourceStrings

• set resourceStrings(value): void

• リソース文字列を設定するアクセサーです。 デフォルトで EN リソースを使用します。

  パラメーター

  • value: IPaginatorResourceStrings

  返却 void

selectOptions

• get selectOptions(): number[]

• ページネーターの選択でカスタム オプションを設定します。

  let options = this.paginator.selectOptions;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number[]

• set selectOptions(value): void

• パラメーター

  • value: number[]

  返却 void

totalRecords

• get totalRecords(): number

• 合計レコードを設定します。

  let totalRecords = this.paginator.totalRecords;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set totalRecords(value): void

• パラメーター

  • value: number

  返却 void

nextPage

• nextPage(): void

• ページネーターが最後のページにない場合、IgxPaginatorComponent の次のページに移動します。

  this.paginator.nextPage();
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 void

paginate

• paginate(val): void

• 指定したページ インデックスに移動します。

  this.paginator.paginate(1);
  Copy

  次のメンバー

  IgxPaginatorComponent

  パラメーター

  • val: number

  返却 void

previousPage

• previousPage(): void

• ページネーターが最初のページにない場合、IgxPaginatorComponent の前のページに移動します。

  this.paginator.previousPage();
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 void