Layui switch在表格中监听修改
表格列
,{field: 'state', title: '是否回访', width: 100,toolbar:'#toolbart', unresize: true}
toolbar
<script type="text/html" id="toolbart">
<input type="checkbox" name="state" idValue="{{d.id}}" value="{{d.state}}" lay-skin="switch" lay-text="是|否" lay-filter="isCheck" {{ d.state == 1 ? 'checked' : '' }}>
</script>
form.on('switch(isCheck)', function(obj){
//获取自定义标签idValue 上的值
var switch_id = obj.elem.attributes['idValue'].nodeValue;
//obj.elem.checked得到当前switch的状态选中还是未选中 选中为true,未选中为false
var checked=data.elem.checked;
if(checked){
var data = {id:switch_id, state:1};
//构建对象 然后ajax修改
isUpdate(data)
}else{
var data = {id:switch_id, state:0};
//构建对象 然后ajax修改
isUpdate(data);
}
});
注:
如果修改失败需要改为原来状态 并且render
//修改成功
obj.elem.checked = checked;
//修改失败
data.elem.checked = !checked;
form.render();