将后台传来的数据回显到Layui开关中

一. 问题背景

后台:SpringBoot
前端:Layui

情况前端有一个数据表格,表格中的isManager列是一个开关。后台返回一个isManager数据,值为1或0,根据这个值是0还是1回显到layui的开关中的on或者off

参考自:layui admin table表格中根据后台数据动态渲染switch开关

二. 解决方案

首先给表格的isManager列绑定一个自定义模板,用来显示开关,如下:

table.render({
    	   ...
    	    ,cols: [[ //表头
    	      ...
    	      ,{field: 'isManager', title: '是否为管理员', align: 'center',
    	                templet: '#switchOnOff'}//根据id选择器绑定自定义模板
    	      ...
    	    ]]
    	  });
    	}

自定义模板,最最最关键的是在开关中使用行内语法{{d.isManager=="1"?"checked":""}}回显后台传来的isManager的值,如下:

<!--isManager字段的开关按钮-->
<script type="text/html" id="switchOnOff">
    <input type="checkbox" {{d.isManager=="1"?"checked":""}} name="isManager" lay-skin="switch"
           lay-filter="switchTest"
           lay-text="是|否">
</script>

其他写法可参考:layui admin table表格中根据后台数据动态渲染switch开关

总结: layui开关的回显功能,首先在表格内引用模板,然后定义模板,在模板内容引入开关。最最关键是如果想要使开关开就得使开关有checked属性

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值