LAYUI 数据表格table 监听switch/checkbox事件

注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on。

var table = layui.table;
var form = layui.form;

//监听switch操作
form.on('switch(checkboxDemo)', function (obj) {
    console.log(`我监听到的switch的值是:${obj.value}`);
    console.log(`我监听到的switch是否为checked:${obj.elem.checked}`);
});

// 监听表格的工具条(对比用,可以忽略)
table.on('tool(test)', function (obj) {//注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data; 	//获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
    var tr = obj.tr; 		//获得当前行 tr 的 DOM 对象(如果有的话)

    if (layEvent === 'edit') {
        console.log('修改成功');
    } else if (layEvent === 'del') {
        console.log('删除成功');
    }
})

你可能感兴趣的:(web前端,layui)