layui 父子弹窗数据交互(包含子弹窗自己关闭并给父弹窗数据填充)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | //父级弹窗 function showAlertOrg() { layui.use( 'layer' , function () { var body; var index = layer.open({ title: '接待单位' , type: 2, btn: [ '确认' ], content: "/m/ucenter/SelectOrg.aspx" , //子窗体地址 zIndex: layer.zIndex, success: function (layero, index) { $( ".layui-layer-title" ).css( "display" , "none" ); $( ".layui-layer-setwin" ).css( "display" , "none" ); $( ".layui-layer-btn0" ).addClass( "qt_btn" ); $( '.layui-layer-content iframe' ).css({ height: "calc(100vh - 55px)" }); $(window).resize(function () { $( '.layui-layer-content iframe' ).css({ height: "calc(100vh - 55px)" }); }); body = layui.layer.getChildFrame( 'body' , index); //获取子窗体 body内容 }, yes: function (index, layero) { var selectName = body.contents().find( "#selectValName" ).val(); //子窗体有一个ID为userName的input 这里就是获取这个input的内容 $( "#txtReceptionUser" ).val(selectName); layer.closeAll(); }, btn2: function () { //alert("222"); 取消时触发 }, end: function () { //关闭窗体时 触发 var selectName = body.contents().find( "#selectValName" ).val(); //子窗体有一个ID为userName的input 这里就是获取这个input的内容 $( "#txtReceptionUser" ).val(selectName); } }); layui.layer.full(index); }) }; //子级数据交互 <input type= "hidden" id= "selectValName" value= "" /> //子窗体保存值的临时控件 //给控件赋值并关闭窗体,给父窗体传值 function sureOrg(sourceName) { $( "#selectValName" ).val(sourceName); console.log($( "#selectValName" ).val()); closeDio(); } function closeDio() { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
2021-07-13 jsHtml解码
2021-07-13 CKeditor页面公式不显示