ICallbackEventHandler - Page

Posted In: AJAX , ASP.NET 2.0 , ICallbackEventHandler . By 卡西卡

demo.aspx.cs

using System;
using System.Web;
using System.Web.UI;

public partial class Default2 : System.Web.UI.Page , System.Web.UI.ICallbackEventHandler
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 檢查client是否支援Callback
        if (Request.Browser.SupportsCallback)
        {
            // 方法一
            string cbSource = Page.ClientScript.GetCallbackEventReference(this, "arg", "ClientCallback", "ctx", "ClientErrorCallback", false);
            string mainSource = "function Test(arg, ctx) {" + cbSource + ";}";
            Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Test", mainSource, true);
            // 方法二
            // 如果是 Html button 就不會加 return false;
            this.Button3.Attributes.Add("onclick", 
                Page.ClientScript.GetCallbackEventReference(this, "", "ClientCallback", "")+";return false;"
            ); 
        } // if
        else
        {
            throw new ApplicationException("不支援！");
        } // else
    }

#region ICallbackEventHandler 成員

public string GetCallbackResult()
    {
        return this._returnFormServer;
    }

public void RaiseCallbackEvent(string eventArgument)
    {
        if (eventArgument == "")
            this._returnFormServer = DateTime.Now.ToString("yyyy/MM/dd HH:mm:ss");
        else if (eventArgument == "error")
            throw new ApplicationException("錯誤測試！");
        else
            this._returnFormServer = string.Format("RaiseCallbackEvent.eventArgument='{0}'", eventArgument);
    }

#endregion
    private string _returnFormServer = string.Empty;
}

[5] 實作 ICallbackEventHandler [msdn] 介面
將游標停在ICallbackEventHandler上，在第一個字的下方會出現小方塊（或按Shift-Alt-F10）可以出現實作介面的選項。
[12-15] 方法一，定義一個javascript function封裝callback function，適用較複雜的情況。
[16-19] 方法二，直接將callback function指定給button的onclick event，適用較簡單的情況。

demo.aspx

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>TEST</title>
    <script type="text/javascript">
    function ClientCallback(result, content) {
        document.getElementById('<%=Label1.ClientID%>').innerHTML = 
            "ClientCallback("+ result +","+content+")";
    }
    function ClientErrorCallback(error, content) {
        document.getElementById('<%=Label1.ClientID%>').innerHTML = 
            "ClientErrorCallback("+ error +","+content+")";
    }
    
    function fnTest() {
        Test(
            1,  // [SVR] RaiseCallbackEvent.eventArgument
            2); // [CLN] ClientCallback.content
    }
    function fnError() {
        Test("error", 3);
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" Width="300px"></asp:Label><br />
        <asp:Button ID="Button3" runat="server" Text="S 取得時間" />
        <input id="Button1" type="button" value="C 一般測試" onclick="fnTest();"/>
        <input id="Button2" type="button" value="C 錯誤測試" onclick="fnError();"/>
    </div>
    </form>
</body>
</html>

[5] function ClientCallback(result, content)
[9] function ClientErrorCallback(error, content)

demo.aspx [output]

[1, 9-12]由系統自動產生。
[2-5] 由方法一 RegisterClientScriptBlock 註冊產生
[8] WebForm_DoCallback 由方法二產生。

執行畫面：

錯誤測試時，回傳的字串會多「0|」。
按下C按鈕：fnTest→Test→WebForm_DoCallback…→…RaiseCallbackEvent…→…GetCallbackResult…→…ClientCallback

參考資料：

Up?

ICallbackEventHandler - Page

0 Responses to ICallbackEventHandler - Page

Something to say?

Search This Blog

Blog Archive

參考資料

Categories

工具

好物

Javascript Framework

funP