注冊起動腳本，ASP.NET AJAX的一項重要功能！

2019-11-18 16:52:29

字體：大中小

供稿：網(wǎng)友

最近的項目中一直在使用Atlas July CTP，自從Atlas正式更名后，連續(xù)推出了Beta和Beta2兩個版本，但是我一直在觀望，原因就是Beta版本不穩(wěn)定而且升級太麻煩了。一日偶然看到了楊丹的這篇隨筆，突然發(fā)現(xiàn)原來ScriptManager可以注冊在客戶端部分刷新的UpdatePanel中注冊啟動后執(zhí)行的javaScript！這可是困擾了我很長時間的一個問題！這樣不但可以在使用UpdatePanel的情況下使用Javascript彈出對話框，也可以在開發(fā)使用Javascript腳本的服務(wù)器控件的時候，使控件的起動腳本得以執(zhí)行，這樣原來的和UpdatePanel不兼容的控件可以很容易的改為Ajax enabled^_^。
不過，令人不解的是不知道處于什么考慮，RegisterStartupScript函數(shù)竟然實現(xiàn)為了類的靜態(tài)函數(shù)，可是沒有ScriptManager的UpdatePanel更本不能執(zhí)行啊，這樣還需要多打幾個字！另外，需要注意的是第一個參數(shù)是UpdatePanel的實例，如果在頁面中有多個UpdatePanel，如果每個UpdatePanel的UpdateMode都是“always”[默認(rèn)值]的話，那么你使用那個UpdatePanel的實例作為參數(shù)都可以；如果每個UpdaePanel的UpdateMode＝conditional,那么你必須使用正在更新的那個UpdatePanel作為參數(shù)，這樣腳本才能起作用。下面是我作的一個簡單的示例：
頁面標(biāo)記
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<html xmlns="<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">
            </asp:ScriptManager>
            <br />
            <asp:updatepanel id="UpdatePanel1" UpdateMode="conditional" runat="server"><ContentTemplate>
<asp:TextBox id="TextBox1" runat="server" ></asp:TextBox> <asp:LinkButton id="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>
</ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="LinkButton1" />
                    </Triggers>
</asp:updatepanel>
            <asp:UpdatePanel ID="UpdatePanel2" RenderMode="block" UpdateMode="always" runat="server">
                <ContentTemplate>
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                    <asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton2_Click">LinkButton</asp:LinkButton>
                </ContentTemplate>
            </asp:UpdatePanel>
            <br />
        <div>
                    <br />
                    <asp:update PRogress id="UpdateProgress1" runat="server"><ProgressTemplate>
Please waiting, retrieving data from server
</ProgressTemplate>
</asp:updateprogress>
                     </div>
    </form>
</body>
</html>

代碼
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(1000);
        TextBox1.Text = DateTime.Now.ToLongTimeString();
        TextBox2.Text = TextBox1.Text;
        string js = "alert('ok button1 clicked!')";
        Microsoft.Web.UI.ScriptManager.RegisterStartupScript(UpdatePanel2, this.GetType(), "btn1clicked", js, true);
    }
    protected void LinkButton2_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(900);
        TextBox2.Text = DateTime.Now.ToLongTimeString();
        TextBox1.Text = TextBox2.Text;
        string js = "alert('ok button 2 clicked!')";

        Microsoft.Web.UI.ScriptManager.RegisterStartupScript(UpdatePanel2, this.GetType(), "btn2clicked", js, true);

    }
}    BTW,我在使用時發(fā)現(xiàn)一個問題，不知道是個Bug還是我使用不當(dāng)，我在調(diào)試中發(fā)現(xiàn)UpdatePanel.IsInPartialRendering的值始終是false！希望有高人指點一下:)。