更改选择行twbs分页js时如何更新总页数

时间:2018-09-21 06:52:20

标签: jquery ajax pagination

我有一张桌子。而且我使用ajax将数据加载到表中。

我有一个选择标签来选择页面中显示的记录数。

当我在select标记中选择一个选项时,数据会被select标记加载,但总页数不会改变。

我使用twbspagination.js库。

更改标签后,我想更改总页数。

谢谢^^

这是我的代码js

var BookController = {
    init: function () {
        BookController.LoadBooks();
    },
    LoadBooks: function () {
        $.ajax({
            url: '/Book/LoadBooks',
            type: 'GET',
            data: {
                page: BookConfig.pageIndex,
                pageSize: BookConfig.pageSize
            },
            datatype: 'json',
            success: function (response) {
                if (response.status) {
                    var data = response.data;
                    var totalRow = response.totalRow;
                    BookConfig.totalPage = Math.ceil(totalRow / BookConfig.pageSize);
                    console.log(BookConfig.totalPage);
                    var html = '';
                    var template = $('#data-template-books').html();
                    $.each(data, function (i, item) {
                        html += Mustache.render(template, {
                            Title: item.Title,
                            Price: item.Price,
                            Quantity: item.Quantity                            
                        });
                    });
                    $('#tblBooks').html(html);
                    BookController.paging(BookConfig.totalPage, function () {
                        BookController.LoadBooks();
                    });
                }
            }
        })
    },
    paging: function (totalPage, callBack) {
        $('#pagination').twbsPagination({
            totalPages: totalPage,
            visiblePages: 7,
            first: '',
            last: '',            

            onPageClick: function (event, page) {
                BookConfig.pageIndex = page;
                setTimeout(callBack, 200);
                BookController.LoadBooks();
            }
        });
    },
}

0 个答案:

没有答案