bootstrap table分页序号连续

2018-08-07  本文已影响15人  I_I_I

当分页方式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

上一篇下一篇

猜你喜欢

热点阅读