更新面板中的Page.Unload事件

Question

我有一个图像按钮声明为

<div>
    <asp:ImageButton ID="btnDoWork" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/row.png" ValidationGroup="Page" />
</div>
<div>
    <asp:RequiredFieldValidator runat="server" ID="reqName" ControlToValidate="txtEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" ControlToValidate="txtEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
</div>

在更新面板中，

现在在代码背后，我正在做这样的事情，

btnDoWork = (ImageButton)this.control.FindControl("btnDoWork"); //this code is in childcontrols method
btnDoWork.Click += new ImageClickEventHandler(btnDoWork_Click);

然后

protected void btnDoWork_Click(object sender, ImageClickEventArgs e)
        {

//Process a bit of code and at end,

this.Page.Unload += new EventHandler(Page_Unload_MessageBox);

然后在按钮点击事件中

public static void Page_Unload_Page_Unload_MessageBox(object sender, EventArgs e)
        {
            System.Globalization.CultureInfo _culture = Thread.CurrentThread.CurrentUICulture;
            StringBuilder sb = new StringBuilder();
            sb.Append("<script language=\"javascript\">");
            sb.Append("$('body').append(\"<div id='M'><span id='text'>" +
               SPUtility.GetLocalizedString("$Resources:abc", "def", (uint)_culture.LCID) +
               "</span><br/><div id='BB' onclick='return BB();'><a href='' onclick='return BB();'>" +
               SPUtility.GetLocalizedString("$Resources:OK", "def", (uint)_culture.LCID) +
               "</a></div></div>\");");
            sb.Append("function BB() { $('#M').remove(); $('#E').remove(); return false; }");
            sb.Append("function dM(){   var browser = navigator.appName; if (browser == 'Netscape') { $('#M').css({ 'top': '5%' }, 500);    } }");
            sb.Append("</script>");

            // Write the JavaScript to the end of the response stream.
            HttpContext.Current.Response.Write(sb.ToString());

现在，如果我输入电子邮件地址，则在尝试Response.Write时会出错。我想写的是，我想知道还有什么替代方法，例如，我可以在更新面板或任何其他事件中使用触发器吗？

这是我现在得到的错误，

注意：我更改了所有变量名称，所以如果不匹配，请不要感到困惑

Answer 1

该消息非常清楚，您无法在更新面板上添加此命令HttpContext.Current.Response.Write ，那是因为不知道如何处理它，因为更新面板返回的是javascript重绘所使用的结构页面的某些部分。

解决方案是在UpdatePanel内部添加一个文字控件，在您希望添加额外的html代码的位置，并将该控件的呈现方式编写为：

txtLiteralID.Text = sb.ToString();

但是，在这种情况下，与正常情况相比，情况有所不同，您赢得了渲染和运行脚本的机会。

主要问题是如何触发脚本运行。 唯一的方法是使用此标准代码的UpdatePanel处理程序：

<script type="text/javascript"> 
   // if you use jQuery, you can load them when dom is read.
   $(document).ready(function () {
       var prm = Sys.WebForms.PageRequestManager.getInstance();    
       prm.add_initializeRequest(InitializeRequest);
       prm.add_endRequest(EndRequest);

    });        

    function InitializeRequest(sender, args) {
    }

    function EndRequest(sender, args) {
       // after update occur on UpdatePanel run the code.
       UnloadMsgBox();
    }
</script>

现在，在EndRequest上，您需要调用脚本，该脚本中的所有内容可能都读取为：

function UnloadMsgBox()
{
    // render your code of the javascript.
    $('body').append(\"<div id='M'><span id='text'></span><br/><div id='BB' onclick='return BB();'><a href='' onclick='return BB();'></a></div></div>\");

    function BB() { $('#M').remove(); $('#E').remove(); return false; }"
    function dM(){   var browser = navigator.appName; if (browser == 'Netscape') { $('#M').css({ 'top': '5%' }, 500);    } }"
}

无需在UpdatePanel上呈现它。

总结一下：

• 在更新面板上，您不能使用Response.Write来渲染某些东西，而只能使用文字控件在他内部渲染。
• 在更新面板上，您无法呈现javascript代码并希望运行，要运行javascript代码，您需要使用UpdatePanel随附的EndRequest处理程序。

Answer 2

MS Ajax调用执行完整页面渲染，从原始文件计算差异，将差异发送到客户端，然后神奇地将差异合并到浏览器中。

如果您只是发送javascript作为响应，那么框架就不会发生这种情况，并且会引发消息。

查看有关如何从UpdatePanel调用javascript的先前答案 。