layui表格点击时间
时间: 2023-05-19 12:04:34 浏览: 163
在Layui中操作数据表格,给指定单元格添加事件示例
您可以使用 layui 的 table 模块来实现表格的点击事件。具体实现方法如下:
1. 在 table 的配置项中添加一个事件监听器,例如:
table.on('tool(test)', function(obj){
// obj 包含了当前行的数据
console.log(obj.data);
});
2. 在 HTML 中定义一个 table 元素,并指定一个唯一的 id,例如:
<table id="test" lay-filter="test"></table>
3. 在 JavaScript 中初始化 table,并指定数据源和列定义,例如:
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#test',
url: '/api/getData',
cols: [[
{field:'id', title:'ID'},
{field:'name', title:'姓名'},
{field:'age', title:'年龄'},
{field:'email', title:'邮箱'},
{fixed: 'right', title:'操作', toolbar: '#barDemo'}
]]
});
});
在上面的代码中,url 指定了数据源的 URL,cols 指定了列定义,其中 toolbar 指定了操作列的工具栏模板。您可以根据需要修改这些配置项。
阅读全文