component-pager

0.1.1 • Public • Published

Pager

Build Status Coverage Status

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 default curpage
  • opts.total property name in list for total numbers default total
  • opts.perpage property name in list for count default perpage
  • opts.select property name in list for select page function default select

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

Readme

Keywords

none

Package Sidebar

Install

npm i component-pager

Weekly Downloads

2

Version

0.1.1

License

MIT

Last publish

Collaborators

  • chemzqm