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('删除成功');}
})

LAYUI 数据表格table 监听switch/checkbox事件相关推荐

layUI踩坑：数据表格的监听工具条，点击事件没有反应
<%--类别展示--%> <table class="layui-hide" id="test"></table><% ...
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...
html表格不能横向自动展示,layui数据表格table横向滚动条不显示纵向滚动条显示不完整...
layui数据表格table横向滚动条不显示纵向滚动条显示不完整 layui数据表格table横向滚动条不显示,纵向滚动条显示不完整需要把heigh高度写死 table.render({ elem: ...
layui数据表格table在选项卡tabs中分页条不显示的解决
layui数据表格table在选项卡tabs中分页条不显示的解决解决:渲染后重新设置高度:$(".layui-table-box").css("height" ...
layUI数据表格(table)
 //定义表格 <table class="layui-table" lay-data="{id:'myTable ...
Layui数据表格table排序（后端PHP）
一.需要添加二.html代码三.PHP部分代码四.其他一.需要添加 1.需要排序的字段加上 sort: true 属性 2.table.on('sort(lay-filter的值)', fun ...
解决layui数据表格table固定列行高不一致的情况
在回调函数done中添加如下代码: //动态监听表头高度变化,冻结行跟着改变高度$(".layui-table-header tr").resize(function () {$( ...
Layui数据表格(table)前后台交互
layui有自己的一套特定的数据格式交互,必须参数code:0,msg:"",count:数据size(int),data:"数据List" <link ...
整理layUI初始化表格，监听等 + 表格拖曳(tableDnD插件)
这次将之前所有的前端页面需要用layUI统一一下,其中还是遇到一些问题. 1.初始化table,table中的各种事件操作 (1)先展示html页面代码 <table class="l ...

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

LAYUI 数据表格table 监听switch/checkbox事件相关推荐

最新文章

热门文章