怎么在layui中使用层实现父子页面交互

　　介绍

本篇文章为大家展示了怎么在layui中使用层实现父子页面交互,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

1,访问父页面元素值

var  parentId=父母。$ (“# id") .val();//访问父页面元素值

2,访问父页面方法

var  parentMethodValue=https://www.yisu.com/zixun/parent.getMethodValue();//访问父页面方法

3,如何关闭弹出的子页面窗口

var  index =, parent.layer.getFrameIndex (window.name);,//获取窗口索引 　　parent.layer.close(指数);//关闭弹出的子页面窗口

4,如何从子页面执行刷新父页面操作

parent.location.reload();,//,父页面刷新

<强>附:层弹出多个iframe找到父页面的方法

父页面:

function  aa () { 　　,,,var  index =, parent.layer.getFrameIndex (window.name); 　　,,,var  iframeName =, & # 39; layui-layer-iframe& # 39; +指数; 　　,,,openDialog1(& # 39;选择xxx # 39;,, & # 39; $ {ctx}/* * * * *, & # 39; 800 px # 39;,, & # 39; 500 px # 39;, iframeName); 　　} 　　function  openDialog1(标题、url、宽度、高度、目标){ 　　,,,top.layer.open ({ 　　,,,,,类型:,2, 　　,,,,,面积:,宽度,高度, 　　,,,,,:标题,标题, 　　,,,,,最大最小,,真的,,//开启最大化最小化按钮 　　,,,,,内容:url , 　　,,,,,btn:,(& # 39;确定& # 39;,,& # 39;关闭& # 39;], 　　,,,,,是的,,函数(指数,layero) { 　　,,,,,,,,var  body =, top.layer.getChildFrame(& # 39;身体# 39;,,指数); 　　,,,,,,,,var  iframeWin =, layero.find (& # 39; iframe # 39;)[0];,//得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method (); 　　,,,,,,,,var  inputForm =, body.find (& # 39; # inputForm& # 39;); 　　,,,,,,,,var  top_iframe; 　　,,,,,,,,如果(目标){ 　　,,,,,,,,,,=,top_iframe 目标;//如果指定了iframe,则在改框架中跳转 　　,,,,,,,,其他}{ 　　,,,,,,,,,,top_iframe =, top.getActiveTab () .attr (“name");//获取当前活跃的iframe的选项卡 　　,,,,,,,,} 　　,,,,,,,,inputForm.attr (“target" top_iframe);//表单提交成功后,从服务器返回的url在当前选项卡中展示 　　,,,,,,,,如果(iframeWin.contentWindow.doSubmit (top_iframe),) { 　　,,,,,,,,,,top.layer.close(指数);//关闭对话框。 　　,,,,,,,,,,top.window [iframeName] .frames.location.reload();//刷新父亲 　　,,,,,,,,} 　　,,,,}, 　　,,,,取消:,函数(指数){ 　　,,,,,} 　　,,}); 　　}//子页面回调方法 　　function  addRecord(名称、chainName) { 　　警报才能(名称); 　　}

子页面

function  doSubmit (iframeName), { 　　,,,var 选?$ (“tbody  tr  td  input.i-checks: checked"); 　　,,,var  size =, sel.size (); 　　,,,如果(大?=0){ 　　,,,,,top.layer.alert(& # 39;请至少选择一条数据! & # 39;,,{图标:0,,标题:& # 39;警告& # 39;}); 　　,,,,,return 假; 　　还有,,,}{ 　　,,,,,,(var 我=0;i<规模;我+ +){ 　　,,,,,,,top.window [iframeName] .addRecord(选取[我]. name,选取[我]value); 　　,,,,,} 　　,,,,,return 真实; 　　,,,} 　　}

上述内容就是怎么在layui中使用层实现父子页面交互,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。

怎么在layui中使用层实现父子页面交互