Layui数据表格的监听事件

Layui数据表格中的回调的使用小结。

1. 编辑单元格监听事件
   //通过监听编辑单元格获取input数据
   table.on(‘edit(CommportionI)’, function (obj) {
   console.log(obj.value); //得到修改后的值
   console.log(obj.field); //当前编辑的字段名
   console.log(obj.data); //所在行的所有相关数据
   CommportionI：用来装表格的容器，也是lay-filter中对应的值
   edit：是单元格编辑事件固定的方法名称。
   输出你所需要的对应的值，申明变量接收或赋值即可方便使用。
   2．监听行单双击事件
   //监听事件 获取到当前行的数据
   layuiTable.on(‘row (information)’, function (obj) {
   //console.log(obj.data)//当前行数据
   obj.tr.find(‘div.layui-unselect.layui-form-checkbox’)[0].click();//添加复选框
   $("#XCommodityID").val(obj.data.CommodityID);
   $("#AItemNumber").val(obj.data.ItemNumber);

           });
   

以上是简单的通过点击行，获取当前点击行数据，申明变量接收所需要使用的值。
当row改成rowDouble时事件变成双击事件。Information是 lay-filter=“对应的值”
3.监听复选框
table.on(‘checkbox(test)’, function(obj){
console.log(obj.checked); //当前是否选中状态
console.log(obj.data); //选中行的相关数据
console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
});
其中test指表格的容器。