LayUI数据表格行单击事件中选中

2019年9月5日11:19:17

实现思路

直接修改复选框选中状态和伪复选框(DIV)Class

但是调用checkStatus获取不到选中的行

查看底层源代码checkStatus方法的实现是缓存数据中的属性来判断是否选中

所以循环缓存数据,用index找到操作数据修改,再次获取选中行就可以获取到了

table.on('row(test)',function(obj){
  var flag = !obj.tr.find(':checkbox:first').prop('checked');
  obj.tr.find(':checkbox').prop('checked',flag);
  if(flag){
    obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked');
  }else{
    obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');
  }
  layui.each(table.cache.userTable,function(i,l){
    if(obj.tr.index()==l.LAY_TABLE_INDEX){
      l.LAY_CHECKED=flag;
    }
  });
});

posted on 2019-09-05 11:20  王筱飞  阅读(8959)  评论(0编辑  收藏  举报

导航