layui table 下拉框
时间: 2023-09-10 14:15:28 浏览: 50
要在 layui table 中添加下拉框,可以使用 layui 的 form 模块提供的 select 组件。具体步骤如下:
1. 在 table 中需要添加下拉框的列中,使用 templet 属性指定渲染模板。
```javascript
{field: 'status', title: '状态', width: '120', templet: '#statusTpl'}
```
2. 在页面中定义 select 组件的模板。
```html
<script type="text/html" id="statusTpl">
<select name="status" lay-filter="statusFilter">
<option value="0">未处理</option>
<option value="1">已处理</option>
</select>
</script>
```
其中,lay-filter 属性指定了 select 组件的过滤器名称,用于监听 select 的 change 事件。
3. 在页面中使用 form 模块的 render 方法进行渲染。
```javascript
layui.use(['table', 'form'], function(){
var table = layui.table;
var form = layui.form;
// ...
// 渲染表格
table.render({
// ...
});
// 监听 select 组件 change 事件
form.on('select(statusFilter)', function(data){
console.log(data.value); // 选择的值
});
});
```
这样就可以在 layui table 中添加下拉框了。