layui父页面调用子页面的渲染_layui的iframe父子操作方法

iframe父子属性调用

一、访问主页面属性

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

二、访问父页面方法

var parentMethodValue=parent.getMethodValue();//访问父页面方法

三、关闭子页面

var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

parent.layer.close(index);//关闭弹出的子页面窗口

四、子页面执行刷新父页面

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

五、父子页面传值

ayer.getChildFrame(selector, index) - 获取iframe页的DOM

(selector为iframe页面的选择器，用来选中iframe页面的元素。Index为层的索引)。

六、success方法

在layer弹出层成功够，会回调success方法，重写该方法即可实现对子页面的数据渲染。

Layer.open(

{

success:function(layero,

index){

Var body = layer.getChildFrame(“body”,index);//绑定父子之间的关系，用于数据传递，缺少则无法传递

var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象

//获取子页面的元素，进行数据渲染

}

})

七、子页面渲染

在子页面完成数据渲染

Layer.open(

{

success: function(layero, index){

Var body = layer.getChildFrame(“body”,index);//绑定父子之间的关系，用于数据传递，缺少则无法传递

var iframeWin = window[layero.find(‘iframe’)[0][‘name’]];//得到iframe页的窗口对象

//调用子页面的方法，将父页面的值作为参数传递过去

iframeWin.method(pre);

}

})

layui父页面调用子页面的渲染_layui的iframe父子操作方法相关推荐

vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...
父页面调用子页面方法, 子页面加载父页面传送的数据
先看效果图就明白需求了: 点击search查询结果集, 点击某一条将该条的其他信息分别加载到tab1和tab2中, 即net bill和other amount这两个tab. 点击clear清空查询条 ...
vue父页面调用子页面及方法及传参，鼠标光标定位
项目场景: vue父页面调用子页面及方法问题描述 vue中父界面调用子界面及方法时界面可以调用,但是调用方法的时候第一次报错,但是关掉界面再次重新打开就没问题了原因分析: 在我之前添加鼠标指针定位 ...
vue父页面调用子页面方法
1.子页面,文件名MapContainer.vue <template><div class="box"><div style="posit ...
js代码父页面调用子页面中的js方法，子页面调用父页面中的js方法
文中代码亲测可用,转载以示尊重!!!  <script type="text/javascript"> //调用子页面的方法 ...
html如何添加子页面,html5 父页面调用子页面js方法
父页面代码: var randid=result.rows.item(0)['id']; plus.webview.close("test_order_detail");//创建之 ...
layui父页面调用子页面的渲染_layUI ajax加载html页面后重新渲染的方法
相关问题同: 1.layUI使用jquery.load加载界面时,如何让layui渲染页面? 2.layUI ajax加载html页面后重新渲染 layUI ajax加载html页面后渲染,关键在将h ...
关于kendo.ui父页面调用子页面的方法问题
话不多说,直接上代码 $("#父页iframe名").data("kendoTabStrip").contentElement(0).children[0].c ...
iframe父页面与子页面之间的元素获取与方法调用
JS 父页面调用子页面子页面调用父页面元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...

layui父页面调用子页面的渲染_layui的iframe父子操作方法

layui父页面调用子页面的渲染_layui的iframe父子操作方法相关推荐

最新文章

热门文章