layui.open 父页面调用子页面属性方法等

骑猪看日落 2022-12-23 06:27 322阅读 0赞

首先 先给layui.open 取个id名

id: "maininsert-form",

调用子页面UE属性

var frameId = document.getElementById('maininsert-form').getElementsByTagName("iframe")\[0\]  
  //调用子页面百度富文本 获取百度富文本值  
   console.log($(frameId)\[0\].contentWindow.UE.getEditor('editor').getContent());

输出

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2_size_16_color_FFFFFF_t_70][]

父页面代码

layer.open({                          //  打开弹出层
                            id: "maininsert-form",
                            type: 2,                          //  2 - url
                            content: ["<%=basePath%>page/mainpro/layuiMainAdd.jsp"],      //  弹出层的 url []不出现滚动,'no
                            area: ["70%", "97%"],         //  大小
                            title: ['子页面标题'],              //  定义弹出层名称  'font-size:13px;margin-top:10px;'
                            fixed: false,                     //  鼠标滚动时，层是否固定在可视区域
                            //maxmin: true,                   //  最大小化按钮
                            shadeClose: true,
                            btn: ['保存', '取消'],                  //按钮，可定义多个，btn2，btn3....获取回调，第一个按钮为 yes 获取回调
                            yes: function (index, layero) {         //请求回调，按钮【添加】的回调
                                var body = layero.find("iframe").contents().find("body");
                                var iframeWindow = window['layui-layer-iframe' + index]  //获取弹框页面
                                    , submitID = 'LAY-user-front-submit' //弹框确定按钮
                                    , submit = layero.find('iframe').contents().find('#' + submitID);//弹框确定按钮
    //监听提交
                                var landingid = $(body).find('form').find('#landingid').val();
                                var main_tag = $(body).find('form').find('#main_tag').val();
                                var product_code = $(body).find('form').find('#product_code').val();
                                var product_tag = $(body).find('form').find('#product_tag').val();
                                var title = $(body).find('form').find('#title').val();
                                var manager_introduction = $(body).find('form').find('#manager_introduction').val();
                                var product_url = $(body).find('form').find('#product_url').val();
                                var fund_img_url = $(body).find('form').find('#fund_img_url').val();
                                var t1 = layero.find("iframe");
    
    #子页单选按钮回显
       var radio = body.find('input[name="state"]');
                            var radioLength = radio.length;
                            for (var i = 0; i < radioLength; i++) {
                                if (data.state == radio[i].value) {
                                    $(radio[i]).next().click();
                                }
    
                            }
                                var frameId = document.getElementById('maininsert-form').getElementsByTagName("iframe")[0]
    							//调用子页面百度富文本 获取百度富文本值
                                console.log($(frameId)[0].contentWindow.UE.getEditor('editor').getContent());
                               
                                
                              
                               
                                // iframeWin.userlayuiadd();           //调用子页面的方法，得到子页面返回的值
                                // layer.msg('添加成功');
                                // layer.close(index);                 //关闭窗口（需要手动）
                            }
                            // , btn2: function (index, layero) {     //请求回调，按钮【取消】的回调  return false 开启该代码可禁止点击该按钮关闭
                            // }, cancel: function () {                //请求回调，右上角关闭执行 return false 开启该代码可禁止点击该按钮关闭
                            // }, success: function (layero, index) {  //请求回调，打开窗口时执行
                            // }, end: function () {                   //请求回调，窗口销毁时执行
                            //     //window.location.href='/user/pageAll';
                            //     // location.reload();                  //窗口销毁时刷新主页面数据
                            // }
                        })

子页面代码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2_size_16_color_FFFFFF_t_70]: /images/20221120/45162276be834ef6bde9d3e72e1a4030.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201123100431926.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2,size_16,color_FFFFFF,t_70