关于layui中的一些坑--记录一下

1. 在layui.each中使用return 返回值时 并不会返回数值 需要在循环外重新声明一个变量 在循环内进行赋值，然后在循环外进行return
2. 在对form中的radio监听时需要name 和 lay-filter一致

   <input type="radio" name="sDate"  value="d" title="按日" lay-filter="sDate">

    

3. 关于layui中laydate组件不能二次渲染的解决方法（亲测有效）

   // 1.将时间组件外面套一层div 设置好id html
   <div class="layui-input-inline" id="SelectBox">
      <input type="text" name="date" id="SelectDate" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
   </div>
   // 2.通过Jquery的empty()置空 js
   // 3.append时间选择器html代码 js
   // 4.开始渲染组件 js
   $('#SelectBox').empty()
   $('#SelectBox').append('<input type="text" name="date" id="SelectDate" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">')
   laydate.render({
     elem:'#SelectDate'
     ,type:'month'
   })

    

4. layui中使用radio、select组件不生效问题。原因：①没有正确引用layui.css和layui.js ② 没有设置静态资源路径 layui.config

5. Layui中表格渲染中格式为[[一级表格],[二级表格].....]以此类推

6. layui中必须在按钮渲染完成之后进行按钮事件加载，否则会出现点击按钮没有任何反应

   位置1
   // 表1渲染
   table.render({
   elem:'#xxx1',
   toolbar:'#xxxx1-toolbar'
   ...
   })
   位置2
   // 表2渲染
   table.render({
   elem:'#xxx2',
   toolbar:'#xxxx2-toolbar'
   ...
   })
   位置3
   

   事件代码:
   var active={
       '事件名1':function(){},
       '事件名2':function(){},
       '事件名3':function(){}
   }
   //添加事件
       $('[data-type]').click(function(){
           var type = $(this).data('type')
           active[type].call(this)
       })

   如果将事件代码添加到位置1则所有自定义的toolbar代码都不能点击，位置2只有table1可以成功渲染事件，位置3则都可以注意:当表格二次渲染后需要重新注册data-type事件，否侧会出现同样的问题