新增完毕后子页面B关闭刷新父页面A，父页面A重新加载数据

最新推荐文章于 2020-12-23 03:51:38 发布

转载最新推荐文章于 2020-12-23 03:51:38 发布 · 5k 阅读

ASP.NET 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的网页父子页面交互案例，包括如何通过按钮打开子页面并实现子页面关闭后父页面的刷新。涉及前端JavaScript代码及后台代码实现。

在A页面里有一个按钮，点击可以弹出子页面B.

<input class="BMSbutton80" id="QbuttonNew" onclick="javascript:open_new()" type="button"
							value="New Request" name="QbuttonNew" runat="server">

<script language="javascript">
function open_new()
{
	var entity = document.getElementById("QtextboxItemID");
	var format='captionbar=no,toolbar=no,maxsizeable=no,minisizable=no,resizable=yes,scrollbars=yes,help=no,width=650,height=650,left=200,top=40';
	window.open ('B.aspx?ItemID='+entity.value,'',format);
}
</SCRIPT>

默默滴在A页面里隐藏一个BUTTON.用来刷新用。

<TD align=right style="display:none"><input class="BMSbutton60" id="ButtonRefresh"   type="button" value="Refresh" name="ButtonRefresh" runat="server"></TD>

那么ButtonRefresh的CLICK事件如下：

private void ButtonRefresh_ServerClick(object sender, System.EventArgs e)
		{
			this.BindGrid();
		}

然后子页面B里有一个按钮，点击之后关闭B页面，回到A页面。

后台代码：

protected void QbuttonSubmit_Click(object sender, System.EventArgs e)
{
。。。（省略）
this.RegisterStartupScript("close","<script language=javascript>refresh_opener();</script>");
}

前台代码：

<script language="javascript">
function refresh_opener()
{
	if( !window.opener.closed && window.opener.document.getElementById("ButtonRefresh") != null)
	{
		window.opener.document.getElementById("ButtonRefresh").click();
	}
	
	window.close();
}
		</script>