監聽layui中的table中的td點擊事件

 

 上圖 就是用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){
　　　　　　　　//監聽觸發的事件
　　　　　　}
})