Layui数据表格的全选框有条件禁用

Layui数据表格的全选框有条件禁用

Scroll Down

众所周知Layui数据表格渲染表格还是很方便好用, 但是面对特定的使用场景必然需要一些定制化的行为, 比如当我们表格渲染完成后,里面可能包含了一些已经禁止点击的checkbox, 但是此时我们点上方全选, 这些禁用的还是会被勾选上. 例如: sdfsdf

我们需要禁用掉上方的全选框

思路

  1. 找到渲染出来的全选框节点(在Layui 数据表格, done参数里面操作, 可以加个延迟操作)
  2. 利用JS清除掉这个节点

代码如下

setTimeout(()=> {
     $(function () {
     	let layuiFormCheckboxNodes = document.getElementsByClassName("layui-unselect layui-form-checkbox");
     	layuiFormCheckboxNodes[0].remove();
     });
},1000);

效果如下

微信截图_20190628110858