Layui数据表格的监听事件
Layui数据表格中的回调的使用小结。编辑单元格监听事件//通过监听编辑单元格获取input数据table.on(‘edit(CommportionI)’, function (obj) {console.log(obj.value); //得到修改后的值console.log(obj.field); //当前编辑的字段名console.log(obj.data); //所在行的所有相关数据Com
Layui数据表格中的回调的使用小结。
-
编辑单元格监听事件
//通过监听编辑单元格获取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指表格的容器。
更多推荐
所有评论(0)