boostraptable 翻页时保留选中状态

1.设置存储选中数据的arr

    // 选中数据
    let allCheckedArr=[]

2.初始化boostraptable时设置唯一id、记住选中状态;在选择框列formatter通过跟选中arr进行对比返回true或false

idField:"staffNo",//用来判断的唯一标识
maintainSelected:true,//翻页时保留所选行
formatter:(i,row)=>{
     if($.inArray(row.staffNo,allCheckedArr)!=-1){
       return{
                  checked:true
             }
      }else{
        return {
                  check:false
               }
       }
    }

3.每次表格的选中、取消选中事件都对arr的数据进行增删

 // 增删选中数据
    $('#table').on('uncheck.bs.table check.bs.table check-all.bs.table uncheck-all.bs.table',function(e,rows){
        let datas=$.isArray(rows)?rows:[rows];
        examine(e.type,datas)
    })   
 // 增删选中数据
    function examine(type,datas){
        if(type.indexOf('uncheck')==-1){
            $.each(datas,function(i,v){
                allCheckedArr.indexOf(v.staffNo)==-1?allCheckedArr.push(v.staffNo):-1;
            })
        }else{
            $.each(datas,function(i,v){
                allCheckedArr.splice(allCheckedArr.indexOf(v.staffNo),1)
            })
        }
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值