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

使用templet(模板)，将开关放到table里面

 ,{field:'state', title: '状态',align:'center',templet: statusTpl} 

模板有两种方式定义，根据自己喜好选择其中一种：

第一种

	//是否启用模板
    var statusTpl = function (d) { //名字需要和上面定义的名字对应上
      var isCkecked = d.state == "1" ?"checked":"";
      return '<input type="checkbox" lay-skin="switch" lay-text="启用|禁用" '+ isCkecked +'> ';
    };

参数 d 是当前行所有数据
我这里返回的数据是，state:0 | 1 0禁用，1启用
定义一个变量，使用三元进行计算，控制checked的动态添加

第二种

  <script type="text/html" id="statusTpl">
    <input type="checkbox" lay-skin="switch" lay-text="启用|禁用" {{d.state == "1" ?"checked":"" }}>
  </script>

这里的d和上面的d是一样的， 写两个大括号，{{ 在这里和上面一样进行三元计算 }}

两个模板放置的位置

效果图：