layui table 的某一列的表头 添加点击事件
时间: 2023-12-07 08:04:38 浏览: 293
可以使用 layui 的 table 模块提供的 `toolbar` 参数来实现某一列的表头添加点击事件。具体步骤如下:
1. 在定义 table 的时候,给需要添加点击事件的列的表头加上一个自定义的 `lay-event` 属性,如下所示:
```javascript
table.render({
elem: '#demo',
url: '/demo/table/user/',
toolbar: '#toolbarDemo',
cols: [[
{field:'id', title:'ID'},
{field:'username', title:'用户名'},
{field:'email', title:'邮箱', event:'emailClick'} // 给邮箱列的表头添加一个自定义的 lay-event 属性
]]
});
```
2. 监听 table 的 `toolbar` 事件,在事件处理函数中判断当前点击的是哪个列的表头,然后进行相应的操作,如下所示:
```javascript
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'emailClick': // 判断点击的是邮箱列的表头
layer.msg('您点击了邮箱列的表头');
break;
// 其他列的表头的点击事件处理
};
});
```
注意,这里的 `test` 是指 table 的 lay-filter 属性的值,需要根据实际情况进行替换。另外,`layer.msg()` 方法是 layui 的弹框组件,可以根据需要进行替换。
阅读全文