Layui监听行单击事件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio

作者：黄海浪

撰写时间：2019年6月5日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在做数据表格的时候我们通常都会给它一个行的单击事件，主要是为了方便下面有可能会用到，点击行数据的时候获取整行数据，通常都是只想要获取一行数据中的某一个数据，获取到的数据可以用来查询、新增、修改都行

table.on('row(test)', function (obj) {

//标注选中行样式

obj.tr.addClass("layui-table-click").siblings().removeClass("layui-table-click");

//选中行，勾选复选框

obj.tr.find("div.layui-unselect.layui-form-checkbox")[1].click();

});

监听行单击事件的写法就这样，简单的就这样，可以说是layui监听行单击事件的固定写法，只要改一下row括号里的变量就行，改成自己的表格名字，然后就是根据自己的需求改一下

(layui-form-checkbox),是复选框就checkbox 单选框就radio

注意lay-filter这个属性，它是事件过滤器，主要用于事件的精确匹配

如果没有这个属性，监听行单击事件将没有效果

Layui监听行单击事件

监听行单击事件的效果，随便点击行的某一个地方它都会选中行，勾上复选框，如果是单选的话那就是单选框，当你再点击同一行它就会取消选中，单选不可以

最后要注意一下监听行单击事件代码放的位置，放在加载layui模块里面

Layui监听行单击事件

也就是初始化数据表格的下面，写上行单击事件，还要有lay-filter这个属性，监听行单击事件的效果就出来了