Overview

Pager

wuic-pager e il componente di paginazione che pilota currentPage e pageSize del datasource.

Descrizione

Supporta paging classico a pagine e cursor paging (next/prev token).
Si sincronizza con fetchInfo del datasource e aggiorna totali/pagine.
Puo ricevere paging preferito da input (pageSize, currentPage, forcedPageSize).

API

Selector:

wuic-pager

Input:

datasource: BehaviorSubject<DataSourceComponent>
hardcodedDatasource: DataSourceComponent
pageSize: number
currentPage: number
forcedPageSize: number

Output:

onPagerDataBound: EventEmitter<{ currentPage, pageSize, totalPages, totalRecords, cursorMode }>
onPagerPageChange: EventEmitter<{ currentPage, pageSize, totalPages, cursorMode, direction }>
onPagerPageSizeChange: EventEmitter<{ pageSize, currentPage }>
onPagerBusyChange: EventEmitter<boolean>

Metodi pubblici principali:

prevPage()
nextPage()
firstPage()
lastPage()
applyPageSize()
applyCurrentPage()

Eventi e subscriptions (host)

Snippet 1ts

@ViewChild(PagerComponent) pager?: PagerComponent;
private readonly subs = new Subscription();

ngAfterViewInit(): void {
  if (!this.pager) return;
  this.subs.add(this.pager.onPagerDataBound.subscribe((e) => console.log(e)));
  this.subs.add(this.pager.onPagerPageChange.subscribe((e) => console.log(e)));