首页 > 其他 > 详细

layui表格单页全选、取消

时间:2021-05-14 16:19:14      阅读:25      评论:0      收藏:0      [点我收藏+]

layui表格进行单页全选和单个选中以及取消,可以对选中数据和取消的数据进行操作:

技术分享图片

 

 

 代码如下:

table.on(‘checkbox(resourceQueryTable)‘, function (obj) {//保存当前页选中数据
        let checked = obj.checked; //当前选择的状态,是否选中
        if (obj.type == ‘all‘) { //全选
          if (checked) {
            dataArr.forEach(item => {//全部选中,直接向ids push当前选中的数据
              filterGids.forEach((item_,index)=>{
                if(item_==item.gid){
                  filterGids.splice(index, 1);
                }
              })
              ids.push(item)
            })
          } else {
            dataArr.forEach((item, index) => {//取消全选,循环判断是否相等,相等就删除
              filterGids.push(item.gid);//获取取消选中的数据
              ids.forEach((val, i) => {
                if (item.gid == val.gid) {
                  ids.splice(i, 1)
                }
              })
            })
          }
        } else { //单选
          if (checked) {
            ids.push(obj.data);//选中,直接向ids push当前选中的数据
            filterGids.forEach((item_,index)=>{
              if(item_==obj.data.gid){
                filterGids.splice(index, 1);
              }
            })
          } else {
            filterGids.push(obj.data.gid);
            ids.map((item, index) => {//取消选择,循环判断是否相等,相等就删除
              if (obj.data.gid == item.gid) {
                ids.splice(index, 1)
              }
            })
          }
        }
      });

  

 

layui表格单页全选、取消

原文:https://www.cnblogs.com/lisir-blogshare/p/14767986.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!