Layui switch在表格中监听修改

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();
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值