jquery中layer弹出层的使用,以及关闭后如何刷新调用层

首先介绍我的结构:
使用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); //再执行关闭
    }
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值