layui中监听单击和双击事件的使用

作者：张铭标

撰写时间：2019年 6月27日

平时在做数据回填的时候,我们需要用到layui中的监听单击和双击事件来进行数据的获取和回填.具体的使用如图所示:

从图中看出这是监听单击事件,一开始需要先引入layui插件就不用多说了.先写一个jQuery 方法出来包裹,获取要监听的参数id即上图中的MaintenanceCustomerID,获取到之后使用layui里面的layuiTable.on('row(test)',function(obj){});
来进行使用,本来应该用table.on的我这里面声明的是layuiTable所以这里就是用layuiTable来调用方法.

然后看到下面两行的控制台输出可以输出你现在点击所获取到的数据,类似于下图中所获取到的数据一样:

当你使用obj.del();的时候,每当你点击某一行就会立刻对它进行删除的操作,但是在数据库中的数据是不会被删除的.再接着下面声明一个Databack=obj.data;来获取到你的数据,就可以进行回填的操作了.

要监听双击事件的话只需要把layuiTable.on('row(test)',function(obj){});中的 ‘row(test)’ 换成’rowDouble(test)'就可以实现,其它的地方都是和监听单击事件是一致的