jquery中layer弹出层的使用,以及关闭后如何刷新调用层
2017-11-14 10:38
666 查看
首先介绍我的结构:
使用easyUI布局:北、西,中部content放置的是iframe
layer弹出层在iframe中调用,但效果需要在整体页面弹出以美观;
所以:
调用parent父对象,利用父对象调用modelWindow弹层方法。
关闭的时候也是纠结了一点时间,因为两个都是单独的页面,所以,需要获取到弹层的索引,然后利用父对象关闭弹层;
在这里,审核完成之后需要刷新easyUI数据表格,所以,并不是全部刷新,而是局部刷新,只reload iframe中的datagrid数据即可,为保证正确性,在iframe中写好刷新方法:
然后获取到父对象,父对象获取到iframe,再去调用iframe中的方法
所以最后完整的关闭弹层的方法是:
使用easyUI布局:北、西,中部content放置的是iframe
layer弹出层在iframe中调用,但效果需要在整体页面弹出以美观;
所以:
this.modelWindow=function(url,title,height){ layer.open({ type: 2 //Page层类型 ,title:title //标题 ,area: ['900px', height] ,shade: 0.6 //遮罩透明度 ,maxmin: true //允许全屏最小化 ,anim: 1 //0-6的动画形式,-1不开启 ,content: url }); }
function showDetail(id){ parent.x.modelWindow('${MH}/examine/examineUser?id='+id,'审核企业信息','350px'); }
调用parent父对象,利用父对象调用modelWindow弹层方法。
关闭的时候也是纠结了一点时间,因为两个都是单独的页面,所以,需要获取到弹层的索引,然后利用父对象关闭弹层;
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭
在这里,审核完成之后需要刷新easyUI数据表格,所以,并不是全部刷新,而是局部刷新,只reload iframe中的datagrid数据即可,为保证正确性,在iframe中写好刷新方法:
function dataReload(){ $("#obj").datagrid('reload'); }
然后获取到父对象,父对象获取到iframe,再去调用iframe中的方法
window.parent.document.getElementById("frm").contentWindow.dataReload();
所以最后完整的关闭弹层的方法是:
function closeMode(){ var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 window.parent.document. getElementById("frm") .contentWindow.dataReload(); parent.layer.close(index); //再执行关闭 }
相关文章推荐
- 在使用JS调用Window.close()方法关闭一个窗口是,如何禁止弹出对话窗口?
- c#关闭系统进程以及如何调用cmd并执行命令
- 如何关闭弹出页时,使原页面自动刷新
- 如何在程序里使用代码关闭由MessageBox()弹出的对话框?
- 使用jquery 如何编写实现请求本页面的无刷新操作
- jquery colobbox 弹出页面以及关闭页面
- c#关闭系统进程以及如何调用cmd并执行命令
- 关闭系统进程,以及如何调用cmd并执行命令
- 使用jquery.unobtrusive-ajax实现无刷新查询以及优化改进
- 使用js弹出模态窗口,提交保存数据后关闭模态窗口,刷新父窗口
- [原创]如何在关闭当前页面时刷新父页面(调用它的页面),或者触发父页面的某个事件或方法
- Jquery 弹出提示框输入插件 apprise 修改中文按钮以及使用说明
- 如何刷新弹出窗口父窗口,关闭弹出窗口
- struts2如何动态调用action的方法以及使用json插件范围json格式的javascript对象
- 如何使得 弹出对话框不关闭但也能刷新他的父窗口
- jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
- 关闭系统进程,以及如何调用cmd并执行命令
- 如何关闭弹出窗口,刷新父窗口?
- c#关闭系统进程以及如何调用cmd并执行命令
- 关闭系统进程,以及如何调用CMD并执行命令