如何修改layui数据表格绑定的开关事件？

首先搭建layui 数据表格实例&＃xff0c;由于篇幅有限&＃xff0c;以下只展示局部关键的代码信息

tableCols &＃61; [[{field: &＃39;id&＃39;, title: &＃39;ID&＃39;, width:80,align:&＃39;center&＃39;, sort: true},{field: &＃39;linkName&＃39;, title: &＃39;站点名称&＃39;,align:&＃39;center&＃39;,edit: &＃39;text&＃39;},{field: &＃39;linkUrl&＃39;, title: &＃39;站点链接&＃39;, align:&＃39;center&＃39;,edit: &＃39;text&＃39;},{field: &＃39;descript&＃39;, title: &＃39;站点描述&＃39;,align:&＃39;center&＃39;,edit: &＃39;text&＃39;},{field: &＃39;imgUrl&＃39;, title: &＃39;站点图标&＃39;, align:&＃39;center&＃39;,edit: &＃39;text&＃39;},{field: &＃39;createTime&＃39;, title: &＃39;创建日期 &＃39;, align:&＃39;center&＃39;,sort: true},{field: &＃39;status&＃39;, title: &＃39;链接状态 &＃39;, align:&＃39;center&＃39;,templet: &＃39;#typeConvert&＃39;,sort: true},{fixed: &＃39;right&＃39;,title:&＃39;操作&＃39;, align:&＃39;center&＃39;, toolbar: &＃39;#barDemo&＃39;}]];

在下面这里需要注意的是&＃xff1a;如果要控制开关&＃xff0c;必须要把监听行的ID值赋值给它&＃xff0c;否则在后面修改开关状态的时候&＃xff0c;会显得非常的困难。在这里是是给它加了一个属性 mid 

大致效果图如下&＃xff1a;

如何和使用ajax来修改开关的状态呢&＃xff1f;

//开关事件(status是lay-filter中的status&＃xff0c;注意区别)form.on(&＃39;switch(status)&＃39;, function(obj){// 通过属性获取绑定的id值var id &＃61; $(this).attr(&＃39;mid&＃39;);// 判断开关的状态var status&＃61;obj.elem.checked?"01":"00";// 构造请求参数对象var data&＃61;new Object();data.status&＃61;status;data.id&＃61;id;//ajax请求方法$.ajax({url :"/link/update",type : "post",dataType : "json",data : JSON.stringify(data),async : false,contentType : "application/json;charset&＃61;UTF-8",success : function(data) {if(data.code&＃61;&＃61;"100"){layer.msg("修改成功", {icon: 6});}else{layer.msg("修改失败", {icon: 6});}}}); });