你的位置:首页 > Java教程

[Java教程]web应用页面关闭子页面局部刷新父页面(layer生成子页面)

主页面:main.html   main.js
子页面:page.html   page.js当子页面关闭时需要局部刷新主页面时,
可以现在main.html定义一个隐藏的<input type="hidden" id="refreshBtn" onclick="freshPage()"/><!-- 用于子窗口刷新当前页 -->
在main.js中添加:
    /**
      * 刷新当前页面
      */
    function freshPage(){
        f_open_url('../partycs/tradePartyMyList.html?&random='+Math.random());
    }
在page.html自定义一个关闭按钮<input id="reback" onclick="back()" type="button" value="关闭"/>
在page.js中添加:
    function back(){
        window.parent.document.getElementById('refreshBtn').click();
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
并且停用其他关闭子页面的方式附:
    若子页面是由layer插件生成,
        $.layer({
            type: 2,
            title: '新增会员',
            maxmin: true,
            shadeClose: false, //开启点击遮罩关闭层
            area : ['1200px','2000px'],
            offset : ['100px', ''],
            move: false,
            closeBtn: [1, false],
            end:function(){
            },
            iframe: {src: '../partycs/tradepartyAdd'}
        });
    则需要修改的地方就是shadeClose属性为false,closeBtn为false;