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;
    }
  });
});


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM