1. Home
  2. Classes
  3. VlPager

new VlPager()

Description

Gebruik de pager component om het aantal beschikbare pagina's weer te geven, markeer de huidige pagina en voeg navigatie knoppen toe.

Properties
Name Type Description
data-vl-total-items number

Attribuut wordt gebruikt om totaal van elementen te bepalen.
data-vl-current-page number

Attribuut wordt gebruikt om huidige pagina te bepalen.
data-vl-items-per-page number

Attribuut wordt gebruikt om het aantal rijen per pagina te bepalen.
data-vl-pagination-disabled number

Attribuut wordt gebruikt om geen pagina links te tonen.
data-vl-align-center boolean

Attribuut wordt gebruikt om de paginatie te centreren.
data-vl-align-right boolean

Attribuut wordt gebruikt om de paginatie rechts uit te lijnen.
Details

HTMLElement

vlElement

vl-pager.js, line 32

Classes

new VlPager()

Members

totalPages

Description

Geeft het aantal pagina's terug.

Returns

Aantal pagina's.

Details

vl-pager.js, line 79

totalItems

Description

Geeft het totaal aantal items terug.

Returns

Totaal aantal items.

Details

vl-pager.js, line 88

currentPage

Description

Geeft het huidige pagina nummer terug.

Returns

Huidig pagina nummer.

Details

vl-pager.js, line 97

itemsPerPage

Description

Geeft het aantal items per pagina terug.

Returns

Aantal items per pagina.

Details

vl-pager.js, line 111

Events

change

Description

Pager changed event

Properties
Name Type Description
currentPage number

Huidige pagina.
totalPage number

Totaal aantal paginas.
itemsPerPage number

Items per pagina.
totalItems number

Totaal aantal items.
Details

vl-pager.js, line 3