This package provides a bootstrap 3 and 4 paginator Blaze template to be used with the kurounin:pagination package. It can also be configured to use custom styling.
In the template helpers you need to define a helper to return the pagination instance and you can define an optional callback which should be called right before changing the page
Template.myList.helpers({
templatePagination: function () {
return Template.instance().pagination;
},
clickEvent: function() {
return function(e, templateInstance, clickedPage) {
e.preventDefault();
console.log('Changing page from ', templateInstance.data.pagination.currentPage(), ' to ', clickedPage);
};
}
});
In the template html file add the paginator
{{> defaultBootstrapPaginator pagination=templatePagination onClick=clickEvent limit=10 containerClass="text-center"}}
For Semantic UI, use the following configuration
{{> defaultBootstrapPaginator pagination=templatePagination onClick=clickEvent limit=10 paginationClass="ui pagination menu" itemClass="item" wrapLinks=false}}
Available template parameters are:
pagination
: pagination instancelimit
: the maximum number of page links to displaycontainerClass
: optional container class for the paginatorpaginationClass
: optional class for the ul element (defaults topagination
)itemClass
: optional class for the page links elementswrapLinks
: if set to true page links will be wrapped in li elements (defaults totrue
)onClick
: optional callback to be called when page link is clicked (default callback runse.preventDefault()
)