layui2.x版本,在table中添加switch开关的方法

分享 已结 精帖
15 1331
驊驊龔頾
悬赏:10飞吻
鉴于大家反馈在table中无法添加switch开关的问题比较多,贤心大神时间有限,所以献丑一下,不喜勿喷,谢谢大家,下面奉上方法:

1、首先下载table.js文件,将框架中的table.js模块替换; 下载链接,如果过期,请加群576881857
2、.layui-table.layui-form .layui-unselect.layui-form-switch{box-sizing:content-box; margin-top:0;} 另外注意把这句css样式添加到layui.css;
3、使用方法如下:<th lay-data="{field:'aa',skin:'switch',text:'是|否',fixed: false,width:90}">是否开启</th>,其中“ -- skin:'switch',text:'是|否' -- ”是必须的,其余均为默认参数
4、事件监听代码如下:【即lay-filter为“layTableSwitch”】
form.on("switch(layTableSwitch)",function(data){
layer.msg(this.checked ? "true" : "false");
})
注:如果是2017年9月14日10点之前下载的table.js文件,请重新下载
回帖