您当前的位置: 首页 >  ui

壹小俊

暂无认证

  • 1浏览

    0关注

    885博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

layui中table表格下checkbox保存状态赋值checkbox与禁止使用表头多选

壹小俊 发布时间:2020-01-06 15:00:31 ,浏览量:1

保存状态赋值

var checkedSet = new Set();

table.on('checkbox(dataguid1Table)', function(obj){
                      console.log(obj.checked); //当前是否选中状态
                      console.log(obj.data); //选中行的相关数据
                      console.log(obj.type); //如果触发的是全选,则为:all,如果触发的是单选,则为:one
     //选中时加入set 否则移除
                          if(obj.checked){
                              checkedSet.add(obj.data.uuid);
                          }else{
                              checkedSet.delete(obj.data.uuid)
                          }
                      console.log(checkedSet);
                    });

parseData: function(res){ //res 即为原始返回的数据
                            for(var i in res.rows){
                                if(checkedSet.has(res.rows[i].uuid)){
                                    //如果set集合中有的话,给rows添加check属性选中
                                    res.rows[i]["LAY_CHECKED"] = true;
                                }
                            }
                            return {
                                "code": res.status, //解析接口状态
                                "count": res.total, //解析数据长度
                                "data": res.rows //解析数据列表
                              };    
                            }  

禁止使用表头多选

 $('th[data-field='+0+'] input[type="checkbox"]').prop('disabled',true);

关注
打赏
1664335782
查看更多评论
立即登录/注册

微信扫码登录

0.0382s