javascript - twbsPagination totalPage 值总是在变化？

Question

 $('#pagination').twbsPagination({
                totalPages: "5",
                visiblePages: "5",
                onPageClick: function (event, page) {
}

我有一个可以按 10、100 和 1000 筛选的列表。如果数据库有 12 个文档并且用户使用 10 筛选器，则总页数基本上为 2:第一页为 10，第二页为 2 个文档第二页。

Answer 1

这取决于您如何检索信息。在 AJAX 调用的情况下，您可以在收到结果后这样做:

  var $pagination = $('#pagination');
  var totalValue = 25; //for example
  var toShow = 20; //show 20 items
  var numOfPage = Math.ceil(totalValue / toShow);
  if (numOfPage > 1) {
      var totalPages = numOfPage;
      var currentPage = $pagination.twbsPagination('getCurrentPage');
      $pagination.twbsPagination('destroy');
      $pagination.twbsPagination($.extend({}, defaultOpts, {
                startPage: currentPage,
                totalPages: totalPages
      }));
   } else {
      $pagination.twbsPagination('destroy'); //don't show pagination 
                                             //if all item on the 1st page
   }

在 onPageClick: function (event, page) {} 事件上

UPDATE 您应该分配下一个 ajax 调用并成功放置提供的代码。像这样。

  onPageClick: function (event, page) {
      loadNextValues(page); //function to retrieve information.
      //most probably you need this assignment -> page = page -/+ 1
      //I don't remember exactly 
  }

这个分页是延迟加载的。至少提供了算法。