更新没有。动态分页栏中的页面 - Jquery

时间:2015-04-15 12:08:25

标签: javascript jquery ajax twitter-bootstrap pagination

我使用了这个分页库 - jQuery Pagination

现在我正在做的是,在点击“生成按钮”时生成数据表,这会触发ajax调用

$.ajax({
   success:
      var total_page = Math.ceil(result['NumRow']/result['PageSize']);
      var page_num = result['PageNum'];
      displaypage(page_num, total_page)
});

从上面的ajax调用我得到行数和pagesize(行显示perpage的行数),所以除以它我得到分页栏上显示的页数。它第一次工作正常。但是当另一个ajax呼叫发射时,如果这个时候有更少的没有。然后它应该用更少的页面更新分页栏。但它没有更新。 显示页面代码:

function displaypage(page, total){
    $('#pagination-demo').twbsPagination({
        startPage: page,
        totalPages: total,
        visiblePages: 7,
        onPageClick: function (event, page) {
            //Some ajax call
    });
}

对于第一个ajax调用分页栏显示正确的号码。页面。但对于另一个ajax调用,它不会改变。它保持不变。如何更新分页栏?

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/1gL686dz/

功能displaypage()中的

添加到顶部:

$('#pagination-demo').twbsPagination('destroy');