Javascript 动态更新分页栏中的页数-Jquery
我使用了这个分页库- 现在我要做的是,单击“Generate button”生成数据表,这将触发ajax调用Javascript 动态更新分页栏中的页数-Jquery,javascript,jquery,ajax,twitter-bootstrap,pagination,Javascript,Jquery,Ajax,Twitter Bootstrap,Pagination,我使用了这个分页库- 现在我要做的是,单击“Generate button”生成数据表,这将触发ajax调用 $.ajax({ success: var total_page = Math.ceil(result['NumRow']/result['PageSize']); var page_num = result['PageNum']; displaypage(page_num, total_page) }); 通过上面的ajax调用,我得到了行数
$.ajax({
success:
var total_page = Math.ceil(result['NumRow']/result['PageSize']);
var page_num = result['PageNum'];
displaypage(page_num, total_page)
});
通过上面的ajax调用,我得到了行数和pagesize(每页显示的行数),所以除以它,我得到了分页栏上显示的页数。这是第一次很好用。但是当另一个ajax调用触发时,如果这一次的行数较少,那么它应该用较少的页面更新分页栏。但它并没有更新。
显示页面的代码:
function displaypage(page, total){
$('#pagination-demo').twbsPagination({
startPage: page,
totalPages: total,
visiblePages: 7,
onPageClick: function (event, page) {
//Some ajax call
});
}
对于第一个ajax调用,分页栏显示正确的页数。但对于另一个ajax调用,它不会改变。它保持不变。如何更新分页栏?
在函数displaypage()
添加到顶部:
$('#pagination-demo').twbsPagination('destroy');
这在你回答之前解决了我的问题,其他人帮了我。但是给你正确的答案,因为你的解决方案是正确的。