Skip to main content

Limit and Page Size widgets

PageSize​

vs.addWidget(
    vs.widgets.PageSize({
        container: '#yesplz-page-size',
        templates: {
          layout: ...
          ...
        },
        items: [
          ...
        ],
    })
);

Options​

activeClass - string Active element class name​

default value - 'is-active'

templates.layout - string​

default value:

`
  {{#each items}}
    <a href="#" data-limit="{{this.value}}">{{this.label}}</a>
  {{/each}}
`

items - [objects]​

Works for PageSizeSelect also

items: [
  { label: '36 per page', value: 36 },
  { label: '72 per page', value: 72 },
  { label: '108 per page', value: 108 },
],

PageSizeSelect​

Simple select box with page size selector

vs.addWidget(
    vs.widgets.PageSizeSelect({
        container: '#yesplz-page-size',
        items: [
          ...
        ],
    })
);