Skip to content

Latest commit

 

History

History
60 lines (50 loc) · 1.97 KB

README.md

File metadata and controls

60 lines (50 loc) · 1.97 KB

carlosalvidrez:pagination-blaze

Forked from Kurounin:Pagination-Blaze in order to make it compatible with Meteor 3.

This package provides a Bootstrap 5 Paginator Blaze template to be used with the carlosalvidrez:pagination package. It can also be configured to use custom styling.

Usage

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: () => Template.instance().pagination,
    
    clickEvent: () => {
        return (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 instance
  • limit: the maximum number of page links to display
  • containerClass: optional container class for the paginator
  • paginationClass: optional class for the ul element (defaults to pagination)
  • itemClass: optional class for the page links elements
  • wrapLinks: if set to true page links will be wrapped in li elements (defaults to true)
  • onClick: optional callback to be called when page link is clicked (default callback runs e.preventDefault())