模态窗口关闭后，对Opener页面模拟POSTBACK

背景

我们经常能遇到打开一个弹出页面以后，当关闭模态弹出页面后，需要刷新父页面的情况。

 

页面POSTBACK逻辑分析

下面是一段打开模态窗口的代码

var OpenWindow;function OpenModalDialogWindow()   {     OpenWindow = window.showModalDialog("b.html",'newwindow',"dialogHeight:100px,center:yes,resizable:no,status:no");  }   

接下来了解下ASP.NET是如何通过页面POST Back来触发control的事件的，来通过后台处理逻辑的

<form name="aspnetForm" method="post" action="MSAjax.aspx" id="aspnetForm"><div><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTczODA5OTY2MGRk9pWvSuck0jPaq47w0nYaFEmYOrg=" /></div> <script type="text/javascript"> //<![CDATA[var theForm = document.forms['aspnetForm'];if (!theForm) {    theForm = document.aspnetForm;}function __doPostBack(eventTarget, eventArgument) {    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {        theForm.__EVENTTARGET.value = eventTarget;        theForm.__EVENTARGUMENT.value = eventArgument;        theForm.submit();    }}

首先是三个隐藏域中：

__EVENTTARGET代表触发Event的Control的Unique name；

__EVENTARGUMENT代表为Event Handler定义的额外的参数；

__VIEWSTATE：代表的是Viewstate的内容

其次是方法__doPostBack，附上隐藏域的值后，提交FORM到Server端

 

Button实现了接口IPostBackEventHandler，而接口中的方法是void RaisePostBackEvent(string eventArgument)

如果该Control确实实现了该Interface，那么调用Page的RaisePostBackEvent方法，这是一个Virtual的方法，可以被Override

[EditorBrowsable(EditorBrowsableState.Advanced)] protected virtual void RaisePostBackEvent(IPostBackEventHandler sourceControl, string eventArgument) { sourceControl.RaisePostBackEvent(eventArgument); }protected virtual void RaisePostBackEvent(string eventArgument) { base.ValidateEvent(this.UniqueID, eventArgument); if (this.CausesValidation) { this.Page.Validate(this.ValidationGroup); } this.OnClick(EventArgs.Empty); this.OnCommand(new CommandEventArgs(this.CommandName, this.CommandArgument)); } 

RaisePostBackEvent方法直接调用该sourceControl的RaisePostBackEvent，并传入一个eventArgument参数。

sourceControl的RaisePostBackEvent方法先进行Validation，然后先后出发两个Event:OnClick 和OnCommand

 

Server接受到Client的Postback，对于事件的Web Control（或者Html Server Control），如果实现了System.Web.UI.IPostBackEventHandler接口，

会调用Page的virtual方法：RaisePostbackEvent，我们现在来Override这个方法：

protected override void RaisePostBackEvent(IPostBackEventHandler sourceControl, string eventArgument)        {            sourceControl = this.btnAsynClick;            base.RaisePostBackEvent(sourceControl, eventArgument);        } 

结果很明显了。不管点什么BUTTON，结果都触发了“btnAsynClick”这个按钮。试验结束以后将这行代码注释掉。

关闭Dialog后模拟POSTBACK回刷

在了解服务器端如何POST Back在后台处理页面逻辑后。关闭模态窗口后的刷新也变的简单起来。

protected string RegisterControlPostBackEvent(string augument){            string script = ClientScript.GetPostBackEventReference(Button1, augument);                        return script;}

上面这个函数就是用来模拟button触发postback,类似于javascript中的

__doPostBack('ctl00$ContentPlaceHolder1$Button1','Test1')

在客户端调用后台函数

function openModelDialog(url, iWidth, iHeight, actionType) {         var iTop = (window.screen.height - iHeight) / 2;        var iLeft = (window.screen.width - iWidth) / 2;        var result = window.showModalDialog(            url, window, 'dialogHeight: ' + iHeight + 'px;dialogWidth: ' + iWidth + 'px;dialogTop: ' + iTop + '; dialogLeft: ' + iLeft + '; resizable: no; status: no;scroll:yes');        if(result != null && result){            switch (actionType) {                 case "Test1": <%=RegisterControlPostBackEvent("Test1")%>;break;            }        }    } 

最后我们要在弹出页面中定义一个Button用来关闭弹出页面

<input type="button" id="btnClose" value="close" onclick="javascript:window.returnValue='Test1';window.close();" />

当点击这个button,关闭Dialog后，就会触发父页面的PostBack了

不过由于postback不是由服务器控件本身触发，所以服务器控件和提交的数据本身是不匹配的，会过不了Page.Validate()方法。

有2种方案：

1：<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/Site.Master" AutoEventWireup="true"    CodeBehind="OpenDialog.aspx.cs" Inherits="MyBestPractice.Content.OpenDialog"EnableEventValidation="false" %>页面头加上红色这段

2： 推荐方法：

protected override void Render(HtmlTextWriter writer)        {            ClientScript.RegisterForEventValidation(Button1.UniqueID, "Test1");            base.Render(writer);        }

重写Page.Render函数，由于我们回调是模拟Button1的事件，传输的数据是“Test1”,所以要对控件和数据进行注册。

 

这样就完全全部内容了。