jQuery jTable 分页无法正常工作

Question

我在基于网络的项目中使用 jquery jTable。当行数小于 10,000 时，它的分页工作正常。但是当行数 超过 10000 时，它会在其分页中引起一个不熟悉的问题。分页开始跳过奇数页码。您可以在下图中看到它：

我的 javaScript 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) {

            }
        });

而我 jTable 的 html 标签是：

 <div id="AllProductTable" style="width:400%;"></div>

我探索了很多\，但没有找到与之相关的解决方案。我更无法理解这种错过行为。

Answer 1

终于，我成功解决了这个问题。我浏览了 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 步 [=23] =] 等等。

jQuery jTable 分页无法正常工作

jQuery jTable pagination is not working properly

javascript

jquery

asp.net-mvc

pagination

jquery-jtable