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;

时间: 2024-10-26 21:28:13

web应用页面关闭子页面局部刷新父页面(layer生成子页面)的相关文章

jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题

http://blog.csdn.net/nsdnresponsibility/article/details/51282797 问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面(声明:下图中点击保存页面之后,不关闭子页面):点击1出弹出窗口: 我们的目的是:如果,用户保存过数据:在点击关闭按钮和2处所指的小X时,刷新父列表页面:若果用户没有保存过数据,关闭窗口是不刷新父列表页面. //这里是父页面(列表页面) var isFreshFlag="1";<%-

JS实现关闭当前子窗口,刷新父窗口及调用父窗口的方法

一.JS实现关闭当前子窗口,刷新父窗口 JS代码如下: <script> function refreshParent() { window.opener.location.href = window.opener.location.href; window.close(); } </script> html页面代码如下: <input type="button" id="btn1" class="btn" valu

js关闭子窗口,刷新父窗口

父页面js:function btnAdd_onclick() {window.open("xxx.jsp", "","height=600, width=650, top=100, left=200,z-look=yes,toolbar=yes, menubar=no, scrollbars=yes, resizable=yes ,alwaysRaised=yes,location=no, status=yes" );} function re

JS实现关闭当前子窗口,刷新父窗口

一.JS实现关闭当前子窗口,刷新父窗口 JS代码如下: <script> function refreshParent() {  window.opener.location.href = window.opener.location.href;  window.close();   }              </script>

关闭子窗体时刷新父窗体

父窗体:NoticeList.aspx:子窗体:NoticeInfo.aspx, 1.NoticeList.aspx中有按钮btnAdd,点击后弹出窗口NoticeInfo.aspx. 弹出窗体代码:1:新增弹出:javascript:window.open(NoticeInfo.aspx');: 2:编辑弹出:<a href=NoticeInfo.aspx?PID=<%#Eval("NewsID") %>' target="_blank">

关闭当前的子窗口,刷新父窗口,弹出层提示框

近期,在做后台的管理页面,为了有更好的用户体验,需要实现关闭当前页面,刷新父窗口,在网上查找方法,如下: JS代码如下: <script>  function refreshParent() {   window.opener.location.href = window.opener.location.href;   window.close(); } </script> html页面代码如下: <input type="button" id="

Winform 子窗体设置刷新父窗体

方法1:所有权法 父窗体:Form1    子窗体:Form2 //Form1:窗体代码 //需要有一个公共的刷新方法 public void Refresh_Method() { //... } //在调用Form2时,要把Form2的所有者设为Form1 Form2 f2 = new Form2() ; f2.Owner = this; f2.ShowDialog() ; //Form2:窗体代码 //在需要对其调用者(父)刷新时 Form1 f1 ; f1 = (Form1)this.Ow

子元素绝对定位,父元素高度自适应子元素高度

子元素设置了绝对定位,父元素没有设置相对定位,因此子元素脱离了文档流,父元素高度就变成没有了,如何让父元素高度自适应子元素高度. 子元素的高度是不确定的    可以JS设置父元素高度 <<span class="hljs-keyword" style="box-sizing: border-box; font-weight: bold;">divid="father"> <<span class="h

css 子元素浮动后父元素没有高度导致页面变形的解决办法

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.par{width: 100%;height: auto;border: 1px solid red;}.left{width: 40%;float: left;height: 50px;background: