layui表格隐藏checkbox
时间: 2023-09-05 17:12:50 浏览: 126
隐藏layui数据表格表头的checkbox复选框
要在Layui表格中隐藏checkbox,你可以在渲染表格的时候通过修改模板代码来实现。在模板代码中,使用三元表达式判断是否需要加载checkbox,如果不需要加载,则返回一个空字符串,即可隐藏checkbox。具体的代码修改如下:
```javascript
{
field: 'CheckCustom',
title: '是否接纳',
width: 100,
templet: function(d) {
var dIndex = d.LAY_TABLE_INDEX;
var id = 'ck' + dIndex;
var templateHtml = d.flag ? '' : '<input type="checkbox" id="' + id + '" class="layui-input layui-form-checkbox" lay-skin="primary" lay-filter="ldEvent"><i class="layui-icon"></i>';
return templateHtml;
}
}
```
通过将templet函数中的返回值设置为空字符串,即可隐藏checkbox。这样在渲染表格时,只会显示需要加载checkbox的行,其他行的checkbox将被隐藏。
注意,如果你需要对隐藏的checkbox进行事件控制,可以通过以下JavaScript代码来实现:
```javascript
layui.use('form', function() {
var form = layui.form;
form.on('checkbox(ldEvent)', function(obj) {
var index = obj.elem.id.substring(2);
if (obj.elem.checked) {
// 处理自己的业务逻辑代码
}
});
});
```
这段代码使用了Layui的form模块来控制checkbox的事件。当checkbox被选中时,可以处理自己的业务逻辑代码。
这样,你就可以根据需求在Layui表格中隐藏checkbox,并且可以对隐藏的checkbox进行事件控制了。 <span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [layui table 动态显示或是隐藏checkbox](https://blog.csdn.net/daydaydaydaynight/article/details/102928774)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文