layer多子页面弹出以及调用方法，变量

第一个页面作为第二和第三两个子页面的parent

commonjs

function showModal(title, url, width, height) {

    if (url.indexOf("?") != -1) {

        url = baseUrl + url + "&lang" + lang;

    } else {

        url = baseUrl + url + "?lang" + lang;

    }

    layer.open({

        title: title,

        type: 2, // iframe

        content: [url],

        shade: [0.1, '#FFF'], //

        resize: false, //

        area: [width, height]

    });

}

第一个页面js

// 调用第二个页面

function showAddAccountNumber() {

    showModal(i18nLabel["addModal"], '/AccountNumber/addAccountNumberPage', '600px', '250px');

}

// 调用第三个页面

function showAdd(){

    var schoolId = $("#schoolId",frames[0].document).val();//取得第二个页面的值

    if(schoolId==null||schoolId==''){

        showMessage(i18nLabel["prompt"],$("#schoolIdText",frames[0].document).text()+i18nCheck["MSG_CHECK_DL_001"]);

        return;

    }

    layer.open({

        title: i18nLabel["addModal"],

        type: 2, // iframe层

        content: [ctx + '/AccountNumber/newTeacher?selected='+$("#idList",frames[0].document).val()+"&schoolId="+schoolId],//取得第二个页面的值

        shade: [0.1, '#FFF'], // 遮罩层设置

        resize: false, // 固定大小

        layerMore: true,

        area: ['800px', '500px']

    });

}

第二个页面js

function addIdList(val){

    if(val!=null&&val!=""){

        let idListStr = $("#idList").val() == '' ? val : $("#idList").val() + "," + val;

        $("#idList").val(idListStr);

        searchList();

    }

}

第三个页面js

function addCourse(){

    var selectChk = $(".listDiv .idChk:checked");

    if(selectChk.length == 0){

        showMessage(i18nLabel["prompt"], i18nMsg["MSG_F_EM_001"]);

        return;

    }

    var idList = new Array();

    for(var i = 0; i < selectChk.length; i++){

        idList[i]=selectChk[i].value;

    }

    parent.frames[0].addIdList(idList.join(','));//调用第二个页面的js方法

    parent.layer.close(parent.layer.getFrameIndex(window.name));

}

第一个页面打开第二个页面

<button onclick="showAddAccountNumber()" id="addButton" th:text="#{EM_ADD}">新增</button>

1

第二个页面打开第三个页面

<button onclick="parent.showAdd()"  th:text="#{EM_ADD}">新增</b

————————————————

版权声明：本文为CSDN博主「willgrey」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_43735255/article/details/101422733