这里写自定义目录标题

  • 写博客原因
  • 实现思路
    • 首先实现 bootstrap-table中的checkbox 操作事件

写博客原因

最近发现了一个挺简单的bootstrap-table实现翻页记录勾选的功能,在此记录一下,如果你们有什么更好的方法,非常欢迎分享一下,大家一起努力,最基本的表格实现,以及插件的应用就不多说了。

实现思路

我的师傅告诉我在翻页的时候用哈希表记录每页所勾选的行数,然后在回勾选,但是师傅写的代码我没太看懂,所以就用bootstrap-table原有的基础上实现,

首先实现 bootstrap-table中的checkbox 操作事件

 onCheck:function(row){self.ids.push(row.id);},onUncheck:function(row){if($.inArray(row.id,self.ids) != -1){self.ids.splice($.inArray(row.id,self.ids),1);}}onCheckAll:function(rows){for(var i=0;i<rows.length;i++){self.ids.push(rows[i].id);}},onUncheckAll:function(rows){for(var i=0;i<rows.length;i++){self.ids.splice($.inArray(rows[i].id,self.ids),1);}},

将所有勾选的行的id记录下来

 checkbox: true,visible: true,width: '4%',formatter:function (value,row,index) {if ($.inArray(row.id, self.ids) != -1) {return {checked : true//设置选中};}else{return {checked : false//设置不选择};}}

然后在翻页初始化表格的时候设置勾选状态。