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指表格的容器。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐