【问题标题】:twbsPagination totalPage value always changing?twbsPagination totalPage 值总是在变化?
【发布时间】:2017-06-08 06:01:24
【问题描述】:
$('#pagination').twbsPagination({
totalPages: "5",
visiblePages: "5",
onPageClick: function (event, page) {
}
我有一个可以按 10、100 和 1000 过滤的列表。如果数据库有 12 个文档并且用户使用 10 个过滤器,那么总页数本质上是第一页上的 2:10,而第一页上的 2 个文档第二页。
【问题讨论】:
标签:
javascript
jsp
pagination
【解决方案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
}
UPDATE 在 onPageClick: function (event, page) {} 事件上,您应该分配下一个 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
}
这个分页是延迟加载的。至少提供算法。