constructor

• new IgxPaginatorComponent(
      elementRef: ElementRef,
      cdr: ChangeDetectorRef,
  ): IgxPaginatorComponent

  パラメーター

  • elementRef: ElementRef

  • 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: OverlaySettings): void

  パラメーター

  • value: OverlaySettings

  返却 void

page

• get page(): number

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

  let page = this.paginator.page;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set page(value: number): void

  パラメーター

  • value: number

  返却 void

perPage

• get perPage(): number

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

  let itemsPerPage = this.paginator.perPage;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set perPage(value: number): void

  パラメーター

  • value: number

  返却 void

resourceStrings

• get resourceStrings(): IPaginatorResourceStrings

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

  返却 IPaginatorResourceStrings

• set resourceStrings(value: IPaginatorResourceStrings): void

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

  パラメーター

  • value: IPaginatorResourceStrings

  返却 void

selectOptions

• get selectOptions(): number[]

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

  let options = this.paginator.selectOptions;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number[]

• set selectOptions(value: number[]): void

  パラメーター

  • value: number[]

  返却 void

totalRecords

• get totalRecords(): number

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

  let totalRecords = this.paginator.totalRecords;
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 number

• set totalRecords(value: number): void

  パラメーター

  • value: number

  返却 void

nextPage

• nextPage(): void

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

  this.paginator.nextPage();
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 void

paginate

• paginate(val: number): void

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

  this.paginator.paginate(1);
  Copy

  次のメンバー

  IgxPaginatorComponent

  パラメーター

  • val: number

  返却 void

previousPage

• previousPage(): void

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

  this.paginator.previousPage();
  Copy

  次のメンバー

  IgxPaginatorComponent

  返却 void