Layui监听事件
开发工具与关键技术:VS MVC、SQL、JS
撰写时间:2019/5/25
表格事件监听可以实现,点击当前的数据,获取到当前的数据,赋值给想显示数据的from表单,或其他表格。表格事件监听的好处那么多,怎样可以实现简单易懂的事件监听呢?额!还是通过layui插件来实现这个监听功能,layui插件提供了监听多种事件。
监听复选框选择:点击复选框时触发,回调函数返回一个object参数
table.on(‘checkbox(test)’,function(obj){
console.log(obj.checked);//当前是否选中状态
console.log(obj.data);//选中行的相关数据
console.log(obj.type);//如果触发的是全选,则为:all,如果触发的是单选,则为:one
});
监听行的单击或双击事件:row(单击)、rowDoub(双击)
一个简单的监听行的单击事件:
t
able.on(‘row(test)’,function(obj){ //test是table原始容器的属性
lay-filter=“对应的值”
console.log(obj.tr);//得到当前行元素对象
console.log(obj.data);//得到当前行数据
//obj.del();//删除当前行
//obj.update(fields);//修改当前行数据
});
无论layui监听的是什么事件,都要在html布局的table标签上加上layui-filter=“”的对应值,否则监听事