Pager
A pager component works with list of no effort Pager(list)
Object.defineProperty
is used for binding properties in list.
Features
- Support tap event
- Support bind to a list(not works at ie < 9)
Install
npm i component-pager
Usage
var Pager = require('pager')
var Grid = require('exgrid')
var grid = new Grid(template)
var pager = new Pager(grid)
var parent = document.getElementById('grid')
parent.appendChild(grid.el)
parent.appendChild(pager.el)
Events
-
show
(n) emitted when a page is selected (0-based) -
change
(n) emitted when page number changed (0-based)
API
Pager([list], [opts])
Init pager with optional binding list
Pager#bind(list, opts)
Bind to list with optional options
-
opts.curpage
property name in list for current page defaultcurpage
-
opts.total
property name in list for total numbers defaulttotal
-
opts.perpage
property name in list for count defaultperpage
-
opts.select
property name in list for select page function defaultselect
Pager#total(n)
Set the total number of items to n
.
Pager#limit(n)
Limit the shown page numbers to n
Pager#perpage(n)
Set the number of items per page to n
. [5]
Pager#pages()
Return the total number of pages.
Pager#show(n)
Select page n
, .render()
, and emit "show".
Pager#select(n)
Select page n
and .render()
.
Pager#render()
Re-render the pager.
License
MIT