LayUI switch 开关监听 数据 绑定数值 选择后禁用掉 默认值改为0,1

1 篇文章 0 订阅
1 篇文章 0 订阅

LayUI switch 开关监听 数据 绑定数值 选择后禁用掉 默认值改为0,1

最近要写一个 LayUI switch 开关监听,0是接单,1是已接单
效果图
在这里插入图片描述
在表格里面加的,因为要实时更新数据

, {
					width: 100,
					field: 'run_status',
					title: '接单状态',
					fixed: 'right',
					templet: '#switchTpl'
				}

html代码 d.receive_tag == 1就禁用

<script type="text/html" id="switchTpl">
 		<input type="checkbox" name="isShow" value="{{d.code}}" lay-skin="switch" lay-text="接单|已接单" lay-filter="isShow" {{ d.receive_tag == 1 ? '' : 'checked' }} {{ d.receive_tag == 1 ? 'disabled' : '' }}>
</script>

js代码


	//switch 开关监听接单
	 layui.use(['form'], function () {
        var form = layui.form;
        form.on('switch(isShow)',function (data) {
        	var code = this.value;
			var llo = layer.load(2,{shade:[0.001,'#fff']}); //layer.load() - 加载层
		        $.ajax({
			       url:接口,
			       type: "get",
			       //contentType: "application/json",
			       headers: {
					'access_token': layui.data('layuiAdmin').access_token},
			       data: {code: code}, // 参数
			       success: function(data) {
			                layer.close(llo); //layer.close(index) - 关闭特定层
			                    if (data.code == 0) {
										layer.alert('接单成功', {
											icon: 1,
											title: '提示'
										}, function(i) {
											layer.close(i);
										})
									}
			                },
			       error: function(xhr) {
			                layer.close(llo); //关闭特定层
			                    layer.msg('系统错误,请联系管理员');
			                }
			        });
			layer.close(llo);
        
        });
    });
   
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值