我有一张桌子。而且我使用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();
}
});
},
}