首页 > 其他 > 详细

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

时间:2019-09-05 12:40:33      阅读:879      评论:0      收藏:0      [点我收藏+]

2019年9月5日11:19:17

实现思路

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

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

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

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

table.on(‘row(test)‘,function(obj){
  var flag = !obj.tr.find(‘:checkbox:first‘).attr(‘checked‘);
  obj.tr.find(‘:checkbox‘).attr(‘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;
    }
  });
});

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

原文:https://www.cnblogs.com/wangfeii/p/11464726.html

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