layUI踩坑：数据表格的监听工具条，点击事件没有反应

<%--类别展示--%>
<table class="layui-hide" id="test"></table><%--添加类别--%>
<form id="addForm" method="post" hidden = "hidden"><div style="margin:15px 5px 10px 5px"> 类别：<input type="text" id="category"></div><div style="margin:15px 5px 10px 5px"> 备注：<input type="text" height="30px" id="annotation" maxlength="100"></div>
</form>

 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有问题。在第二张图中，渲染代码为<table class="layui-hide" id="test" ></table>，这也是官方的代码，但是问题就出在这里，正确的用法应该是

，

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

layUI踩坑：数据表格的监听工具条，点击事件没有反应相关推荐

android通知栏的点击事件,Android监听消息通知栏点击事件
Android监听消息通知栏点击事件使用BroadCastReceiver 1 新建一个NotificationClickReceiver 类,并且在清单文件中注册!! public class N ...
iOS小技能：设置tableView的点击事件优先级低于cell的选中事件（场景：比如筛选视图，监听蒙版的点击事件就隐藏筛选视图）
文章目录前言 I 设置tableView的点击事件优先级低于cell的选中事件 1.1 应用场景 1.2 利用cancelsTouchesInView属性进行实现 1.3 其他方式控制事件的传递 I ...
LAYUI 数据表格table 监听switch/checkbox事件
注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on. var table = ...
android 设置键盘按钮事件,Android 改变软键盘的回车键按钮格式，然后监听回车键的点击事件...
EditText中有一个属性:imeOptions.它的参数常用的有如下几种:1.actionNext下一步,通常用于跳转到下一个EditText(回车键监听不到) 2.actionGo前往,通常用于 ...
android notification 监听,如何监听Notification的点击事件
项目中加了个推的推送,需要根据消息透传获取数据自己生成通知,然后点击同种跳转到某个指定页面,这应该是是个比较常见的需求. 正常的实现: @Override public void onReceiveM ...
踩坑：重写了alert方法，在点击事件中调用苹果手机不兼容
今天公司同事找我,说出现了一个奇怪的bug: 浏览器:微信浏览器7.0 问题描述:给div添加一个简单的点击事件,弹出一个提示的alert,这个在大部分手机没问题,可是在部分苹果手机(iphone6s ...
layui table th添加按钮，监听点击事件。
第一步,创建带按钮的表头title. var GSUpdateIniBar = "<label class=\"layui-form-label margin\"& ...
LayUI: 工具条toolbar 绑定事件lay-event
//监听工具条 table.on('tool(test)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的 ...
Layui表格行监听与字体颜色的改变
文献种类:专题技术总结文献开发工具与关键技术: MVC jq技术作者:彭智豪 :年级:2004 :撰写时间:2021 年 7 月 28日文献编号: ...

layUI踩坑：数据表格的监听工具条，点击事件没有反应

layUI踩坑：数据表格的监听工具条，点击事件没有反应相关推荐

最新文章

热门文章