关于前端:layui-如何在页面型弹窗内控制外层关闭并刷新列表

在应用layui弹窗类型是页面弹窗时，在弹窗外部想调用内部的办法进行敞开自身比拟麻烦（因为应用了iframe不在一个window中）。咱们能够把敞开弹窗的操作传递到弹窗内。
建设一个弹窗dialog，弹窗内容是另一个add页面：

     var dialog = layer.open({              type: 2,              title: "增加",              closeBtn: 1,              id: "detail",              area: ["100%", "100%"],              content: "add.html?id=" + data.id,              zIndex: layer.zIndex,              success: function (layero, index) {                window[layero.find("iframe")[0]["name"]].back = function (cb) {                  cb && cb();                  initTable();                layui.close()                };              },            });

弹窗创立实现之后找到对应的iframe name而后取到对应的window
在弹窗外部iframe的window中的作用域里增加敞开弹窗的函数（在获取到的window能够增加任何货色，相当于与父window建设了通信）：

         window[layero.find("iframe")[0]["name"]].back = function (cb) {                  cb && cb();//回调                  initTable();//是一个刷新列表的函数                layui.close()                };

而后在弹窗里提交申请实现后就能够执行以后window的back办法返回列表页面了：

 function submitAdd(status) {      request({        url:  "/add",        isJson: true,        data: JSON.stringify({          id: 1,          status: 2,          desc: 3,        }),        method: "post",        success: function (res) {          if (res.code == 0) {            layer.msg(res.description);            setTimeout(function () {              window.back();            }, 1000);            // 返回列表页          }        },        error: function (msg) {                  layer.msg("后盾谬误");        },      });    }