layui table工具栏点击时间_layUI踩坑：数据表格的监听工具条，点击事件没有反应...

类别：

备注：

layui.use('table', function () {

var table = layui.table;

table.render({

elem: '#test'

, url: '/blog/category'

, cols: [[

{field: 'leibie', title: '类别'}

, {field: 'time', title: '创建时间', align: 'center'}

, {field: 'annotation', title: '备注'}

, {field: 'delete', title: '操作', toolbar: '#barDemo', align: 'center'}

]]

, parseData: function (res) { //res 即为原始返回的数据

console.log(res)

return {

"code": 0, //解析接口状态

"msg": "", //解析提示文本

"count": res.total, //解析数据长度

"data": res //解析数据列表

};

}

, page: true

});

/*操作已有类别条目*/

table.on('tool(test)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"

var data = obj.data; //获得当前行数据

var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)

var tr = obj.tr; //获得当前行 tr 的DOM对象

if (layEvent === 'del') { //删除

console.log("删除")

layer.msg('确定删除')

} else if (layEvent === 'edit') { //编辑

//do something

//同步更新缓存对应的值

obj.update({

username: '123'

, title: 'xxx'

});

}

});

});

我在对数据表格加入监听工具条后，点击“查看”或者“删除”，都没有响应。最后经过网上查阅，才知道是table有问题。在第二张图中，渲染代码为，这也是官方的代码，但是问题就出在这里，正确的用法应该是

，

如果想使用监听工具条有效，必须加上红框部分，官方缺失了这段。