众所周知Layui数据表格渲染表格还是很方便好用, 但是面对特定的使用场景必然需要一些定制化的行为, 比如当我们表格渲染完成后,里面可能包含了一些已经禁止点击的checkbox, 但是此时我们点上方全选, 这些禁用的还是会被勾选上. 例如:
我们需要禁用掉上方的全选框
思路
- 找到渲染出来的全选框节点(在Layui 数据表格, done参数里面操作, 可以加个延迟操作)
- 利用JS清除掉这个节点
代码如下
setTimeout(()=> {
$(function () {
let layuiFormCheckboxNodes = document.getElementsByClassName("layui-unselect layui-form-checkbox");
layuiFormCheckboxNodes[0].remove();
});
},1000);