layui使用所遇见的坑。关闭弹窗后页面加载到上层页面，显示时间插件，创建编辑器功能不能使用

本文链接：https://blog.csdn.net/qq_37256896/article/details/88080175

1.解决弹出层关闭后，把原来的弹出层的页面显示到本页面中：

layui.use(['laydate', 'laypage', 'layer', 'table', 'upload', 'element', 'slider','layedit','form'], function(){
   var laydate = layui.laydate //日期
   ,laypage = layui.laypage //分页
   ,layer = layui.layer //弹层
   ,table = layui.table //表格
   ,upload = layui.upload //上传
   ,element = layui.element //元素操作
   ,slider = layui.slider //滑块
   ,layedit=layui.layedit
   ,form=layui.form
   ,$=layui.jquery；//这里和上面的不能同时使用；

2.解决他打开的页面的大小让他出现自适应的模式：

//判断浏览器大小方法
   function screen() {
   //获取当前窗口的宽度
       var width = $(window).width();
       if (width > 1200) {
       return 3; //大屏幕
       } else if (width > 992) {
       return 2; //中屏幕
       } else if (width > 768) {
       return 1; //小屏幕
       } else {
       return 0; //超小屏幕
       }
   }

//监听头工具栏事件
       table.on('toolbar(list)', function(obj){
       var checkStatus = table.checkStatus(obj.config.id)
       ,data = checkStatus.data; //获取选中的数据
       switch(obj.event){
       case 'add':
           //创建编辑器的同时要先进行传入一些初始化编辑器，然后在进行open一个页面
           //否者里面的功能有些不可以使用
           edtior_edit();
               layer.open({
                   type:1,
                       title:'添加教室信息',
                       area:screen() < 2 ? ['80%', '70%'] : ['1000px', '600px'],
                       btn:['确认添加','取消'],
                       content:$("#addroom"),
                       success:function(layreo,index){
                           //success其实就是打开这个页面(或组件)成功后调用的
                           //layer.alert("success");
                           //这里是为了重新渲染一下表单，,因为这里的表单没有开关效果，
                           form.render();
                       },