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

骑猪看日落 2022-12-23 06:27 404阅读 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

父页面代码

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

子页面代码

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzEzNTk2_size_16_color_FFFFFF_t_70 1

发表评论

表情:
评论列表 (有 0 条评论,404人围观)

还没有评论,来说两句吧...

相关阅读