监听layui中的table中的td点击事件

时间：2020-06-23 11:55:50 阅读：563 评论：0 收藏：0 [点我收藏+]

技术分享图片

上图就是用layui生成的一个table表格;

在这里我们给td绑定class,再通过jq的方式去监听是不可行的;

会监听不到事件;

不过在layui中,给了监听方法,并且还可以获取到该行所有的数据;

    <table class="layui-table " id="listTable" lay-filter="test"
            cellpadding="0" cellspacing="0"></table>

如上图中的代码;我们给table中属性lay-filter为test;

那么监听tr(行点击事件)如下:

table.on(‘row(test)‘,function(obj){
　　console.log(obj)  
})

而监听td事件的话,我们需要在cols中添加event事件:

技术分享图片

然后:

table.on(‘tool(test)‘,function(obj){
　　　　　let event = obj.event;
　　　　  if(event == seepage){
　　　　　　　　//监听触发的事件
　　　　　　}
})

原文：https://www.cnblogs.com/a973692898/p/13181118.html

踩

(0)

评论一句话评论（0）

分享档案

更多>