这里写自定义目录标题
- 写博客原因
- 实现思路
- 首先实现 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//设置不选择};}}
然后在翻页初始化表格的时候设置勾选状态。