我在基于网络的项目中使用jquery jTable
。当行数小于10,000时,它的分页工作正常。但是当行数超过10000 时,会导致其分页中出现一个不熟悉的问题。分页开始跳过奇数页编号。您可以在下面的图片中看到它:
javaScript
的{{1}}代码为:
jTable
$("#AllProductTable").jtable({
paging: true,
pageSize: 10,
columnSelectable: false,
actions: {
listAction: '/ProductDefinition/Select'
},
fields: {
ProductId: { visibility: 'hidden', listClass: 'right-align' },
ProductCode: { title: 'Product Code' },
// more fields...
},
recordsLoaded: function (event, data) {
}
});
的{{1}}标记为:
html
我经常探索,但没有找到与之相关的解决方案。我进一步无法理解这种错过的行为。
答案 0 :(得分:0)
最后,我成功地解决了这个问题。我浏览了jquery.jtable.js
整个文件,并在function
之一找到了一些奇怪的内容。功能是;
_refreshGotoPageInput: function() {
// different logic statements
//...
//Skip some pages is there are too many pages
var pageStep = 1;
if (currentPageCount > 10000) { // if you having more than 10,000 pages
pageStep = 100;
} else if (currentPageCount > 5000) { // if you having more than 5000 pages
pageStep = 10;
} else if (currentPageCount > 2000) { // if you having more than 2000 pages
pageStep = 5;
} else if (currentPageCount > 1000) { // if you having more than 1000 pages
pageStep = 2;
}
//....
// Differnet logic statements
}
您只需要comment
上面给出的function
的这一部分,或者根据您自己的实现逻辑对其进行修改。
在我上面提到的情况下,我的 no_of_pages 从1000增加,这就是为什么它在更改页面时采取 2步骤。