Events
Events | Description |
---|---|
on_change | (optional) will be called for every page change, regardless if the mode is mode="infinity" or not. Returns an object with number of useful properties and methods. See below for more details. |
on_startup | (optional) Only on infinity mode. Will be called once the component is ready for interaction. Returns an object with number of useful properties and methods. See below for more details. NB: Will be called again as soon as we reset the content by calling resetContent() . |
on_load | (optional) Only on infinity mode. Will be called on every page interaction, also on the very first interaction. Returns an object with number of useful properties and methods. See below for more details. |
on_end | (optional) Only on infinity mode. Will be called once page_count is reached or endInfinity was called. |
Returned object
Events have several useful methods to change / manipulate the content.
Pagination mode
<Paginationon_change={({ pageNumber, ...methods }) => {// ...}}/>
pageNumber
the current page numbersetContent
use it to add update a page including content:setContent(pageNumber, ReactComponent)
Infinity mode
<Paginationmode="infinity"on_change={({ pageNumber, ...methods }) => {// ...}}/>
pageNumber
the current page numbersetContent
use it to add update a page including content:setContent(pageNumber, ReactComponent, position = 'after')
endInfinity
use it to tell the infinity pagination to end the infinity scrolling interaction. Use this handler to end the infinity scrolling procedure, in case the page_count is unknown:endInfinity(pageNumber)
resetContent
use it to invalidate all internal pages:resetContent()
resetInfinity
use it to reset the internal pagination states:resetInfinity(pageNumber = startup_page)
items
internal stored pages