jQuery jTable分页无法正常工作

时间:2017-02-22 09:36:48

标签: javascript jquery asp.net-mvc pagination jquery-jtable

我在基于网络的项目中使用jquery jTable。当行数小于10,000时,它的分页工作正常。但是当行数超过10000 时,会导致其分页中出现一个不熟悉的问题。分页开始跳过奇数页编号。您可以在下面的图片中看到它:enter image description here

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

我经常探索,但没有找到与之相关的解决方案。我进一步无法理解这种错过的行为。

1 个答案:

答案 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步骤。