西安汽车网站制作,自媒体135编辑器官网,哈尔滨大型网站设计公司,营销型网站建设价格本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下#xff0c;希望给大家的学习有所启发。本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家…本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下希望给大家的学习有所启发。本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考具体如下layer是一款近年来备受青睐的web弹层组件官网地址是http://layer.layui.com/可以从官网上下载最新版本。当layer以iframe层的方式弹出新的窗口(子页面)如何在子页面中访问父页面的元素和函数。1、访问父页面元素值var parentIdparent.$(#id).val();//访问父页面元素值2、访问父页面方法var parentMethodValueparent.getMethodValue();//访问父页面方法3、如何关闭弹出的子页面窗口var index parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index);//关闭弹出的子页面窗口4、如何从子页面执行刷新父页面操作parent.location.reload(); // 父页面刷新附layer弹出多个iframe找到父页面的方法父页面function aa(){var index parent.layer.getFrameIndex(window.name);var iframeName layui-layer-iframeindex;openDialog1(选择XXX, ${ctx}/*****,800px, 500px,iframeName);}function openDialog1(title,url,width,height,target){top.layer.open({type: 2,area: [width, height],title: title,maxmin: true, //开启最大化最小化按钮content: url ,btn: [确定, 关闭],yes: function(index, layero){var body top.layer.getChildFrame(body, index);var iframeWin layero.find(iframe)[0]; //得到iframe页的窗口对象执行iframe页的方法iframeWin.method();var inputForm body.find(#inputForm);var top_iframe;if(target){top_iframe target;//如果指定了iframe则在改frame中跳转}else{top_iframe top.getActiveTab().attr(name);//获取当前active的tab的iframe}inputForm.attr(target,top_iframe);//表单提交成功后从服务器返回的url在当前tab中展示if(iframeWin.contentWindow.doSubmit(top_iframe) ){top.layer.close(index);//关闭对话框。top.window[iframeName].frames.location.reload();//刷新父亲}},cancel: function(index){}});}//子页面回调方法function addRecord(name,chainName){alert(name);}子页面function doSubmit(iframeName) {var sel$(tbody tr td input.i-checks:checked);var size sel.size();if(size0){top.layer.alert(请至少选择一条数据!, {icon: 0, title:警告});return false;}else{for(var i0;itop.window[iframeName].addRecord(sel[i].name,sel[i].value);}return true;}}本文来源http://m.php.cn/article/385142.html
