layer父子页面传值

父页面点击子页面的隐藏按钮，触发子页面的函数

layer.open({
  id: 'popup',
  type: 2,
  title: title,
  shadeClose: true,
  shade: 0.8,
  skin: 'load',
  area: ['620px', '510px'],
  btn: ['加载'],
  content: './pointpopup.html',
  success: function (layero, index) {
    // 获取子页面的iframe
    var iframe = window['layui-layer-iframe' + index];
    // 向子页面的全局函数child传参
    iframe.child(factorData[productCodeIndex].elementList, productCode, taskId, loadMode);
  },
  yes: function (index, layero) {
    var body = layer.getChildFrame('body', index);
    var iframeWin = window[layero.find('iframe')[0]['name']];
    // 子页面提交
    $(body).find('.load').click();
    sonData = iframeWin.loadData();
  }
});

子页面写法 

var sonData;
function child(elementList, productCode, taskId, loadMode, elementSelectedIndex) {
  console.log(elementList, productCode, taskId, loadMode, elementSelectedIndex);
  layui.use(['layer', 'element', 'admin', 'index', 'laytpl', 'element', 'form', 'laydate'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var admin = layui.admin;
    var index = layui.index;
    var laytpl = layui.laytpl;
    var element = layui.element;
    var form = layui.form;
    var laydate = layui.laydate;

    form.on('submit(load)', function (data) {
      var field = data.field
      console.log(field);
      sonData = {
        modeCode: field.modeCode,
        startTime: field.startTime,
        elements: elements,
        coverMode: field.coverMode
      }
      var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
      parent.layer.close(index);
      return false;
    });
  })
}
function loadData() {
  return sonData
}

 

父页面获取子页面并改变子页面的值

layer.open({
 type: 2,
 title: '我是子iframe页面',
 shadeClose: true,
 shade: 0.8,
 area: ['380px', '90%'],
 content: './son.html',  //iframe的url
 success:function(dom){
  let $iframeDom=$(dom[0]).find("iframe").eq(0).contents();
  $iframeDom.find("#test").html("我是从父级传来的值哟……")
 }
});

layer.open({
   type: 2,
   title: '选择供应商',
   shade: 0.3,
   closeBtn: 0,
   area: ['300px', '370px'],
   content: './select.html',
   btn: ['确认', '取消'],
   yes: function (index, layero) {
        layer.close(index);
        var iframeDom = $(layero[0]).find("iframe").eq(0).contents();
        var data = iframeDom.find(".getData").html() 
        }
   });

父页面传值给子页面

父页面

layer.open({
    type: 2,
    title: '未到达站点数据信息',
    area: ['60%', '60%'], //宽高
    content: 'popup.html',
    shadeClose: true,
    success: function (layero, index) {
        // 获取子页面的iframe
        var iframe = window['layui-layer-iframe' + index];
        // 向子页面的全局函数child传参
        iframe.child(positionId, time);
    }
});

子页面

function child(positionId, time) {
    // 这里面可以拿到父页面的数据 positionId, time
}