美文网首页
bootstrap table分页序号连续

bootstrap table分页序号连续

作者: I_I_I | 来源:发表于2018-08-07 16:21 被阅读15次

    当分页方式sidePagination为server时分页序号不是连续的,每一页都是从0开始。

    解决方法:

    首先我们看boostrap table的js源码,可以看到一些内部函数的写法,如:

    BootstrapTable.prototype.showRow =function(params){this.toggleRow(params,true);    };

    我们也照着写一个返回我们需要的索引值的函数:

    BootstrapTable.prototype.getIndex = function (param) {

            return this.options.pageSize * (this.options.pageNumber-1)+1;

        }

    我们能写这个函数传递索引参数的原因是,pageSize和pageNumber本身就是bootstrap table的内部参数,全部都集成在options中,所以你有这个参数我才能写函数返回这个值。

    写好函数还得把这个函数写进内部函数列表中,不然也用不了,如下把getIndex像它原来的函数那样插入进去(第三行):

    var allowedMethods = [

            'getOptions',

            'getSelections', 'getAllSelections', 'getData','getIndex',

            .......

        ];

    这样我们就可以在表中使用,在formatter中使用了getIndex方法,实现了分页序号的连续。

    参考原文:https://blog.csdn.net/youand_me/article/details/77063813

    相关文章

      网友评论

          本文标题:bootstrap table分页序号连续

          本文链接:https://www.haomeiwen.com/subject/gldavftx.html