码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap table 显示连续序号,分页有效

时间:2017-07-17 21:46:24      阅读:3261      评论:0      收藏:0      [点我收藏+]

标签:number   bsp   gen   dao   title   merge   lan   selection   params   

参考:http://blog.csdn.net/nazhidao/article/details/51647799

 

第一种,通过index+1可以简单实现,但是,翻页后又重新从第一个开始

{  
    field: Number,  
    title: Number,  
    formatter: function (value, row, index) {  
    return index+1;  
    }  
} 

第二种,为了能够实现,在翻页时也能后接着上一页的序号显示,下边修改bootstrap 的js库:

在bootstrap-table.js这个js库中找到allowedMethods对象添加一个getPage属性:(红色部分为自己添加,注意逗号)

 var allowedMethods = [
        getSelections, getData,
        load, append, remove,
        updateRow,
        mergeCells,
        checkAll, uncheckAll,
        check, uncheck,
        refresh,
        resetView,
        destroy,
        showLoading, hideLoading,
        showColumn, hideColumn,
        filterBy,
        scrollTo,
        prevPage, nextPage,
        ‘getPage‘
    ];

然后,在js库中,添加方法:

 BootstrapTable.prototype.getPage = function (params) {  
        return {pageSize: this.options.pageSize, pageNumber: this.options.pageNumber};  
}; 

这样就可以在jsp中直接使用了:

 {
                         field:‘‘,
                        title : 序号,
                        formatter : function (value, row, index){
                             var page = $(#task_list).bootstrapTable("getPage");  
                                return page.pageSize * (page.pageNumber - 1) + index + 1;  
                        }
                    },

结果:

技术分享

bootstrap table 显示连续序号,分页有效

标签:number   bsp   gen   dao   title   merge   lan   selection   params   

原文地址:http://www.cnblogs.com/hy928302776/p/7197406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!