CallBack BasePage (簡化 CallBack 回呼程式碼)

2008-03-17

31744
0
AJAX
2008-08-02

在 ASP.NET 中若要使用 CallBack 機制必需實作 System.Web.UI.ICallbackEventHandler 介面，若很多頁面都需要使用 CallBack 機制時，可以在 BasePage 實作 System.Web.UI.ICallbackEventHandler 介面就好，讓 BasePage 引發 CallBack 回呼的事件，這樣在使用 CallBack 時就可以更簡單。

以下的範例就是撰寫一個支援 CallBack 回呼的 BasePage，當頁面執行 CallBack 回呼時，會引發 CallBack 事件，開發人員只需在 CallBack 事件中判斷傳入值，並處理回傳值。

先撰寫一個實作實作 System.Web.UI.ICallbackEventHandler 介面的 TBBasePage，其中 CallBack 回呼時會引發「CallBack 事件」，CallBackEventArgs 事件引數包含 Argument 屬性(CallBack 傳入參數) 及 Result 屬性 (CallBack 回傳結果)。

Imports Microsoft.VisualBasic Public Class TBBasePage Inherits System.Web.UI.Page Implements System.Web.UI.ICallbackEventHandler Private FEventArgument As String = String.Empty #Region " CallBack 事件 " ''' <summary> ''' CallBack 事件引數。 ''' </summary> Public Class CallBackEventArgs Inherits System.EventArgs Private FArgument As String = String.Empty Private FResult As String = String.Empty ''' <summary> ''' CallBack 傳入參數。 ''' </summary> Public Property Argument() As String Get Return FArgument End Get Set(ByVal value As String) FArgument = value End Set End Property ''' <summary> ''' CallBack 回傳結果。 ''' </summary> Public Property Result() As String Get Return FResult End Get Set(ByVal value As String) FResult = value End Set End Property End Class ''' <summary> ''' 執行 CallBack 回傳的事件。 ''' </summary> Public Event CallBack(ByVal sender As Object, ByVal e As CallBackEventArgs) #End Region Public Function GetCallbackResult() As String Implements System.Web.UI.ICallbackEventHandler.GetCallbackResult Dim e As New CallBackEventArgs() e.Argument = FEventArgument RaiseEvent CallBack(Me, e) '引發 CallBack 事件 Return e.Result End Function Public Sub RaiseCallbackEvent(ByVal eventArgument As String) Implements System.Web.UI.ICallbackEventHandler.RaiseCallbackEvent FEventArgument = eventArgument End Sub End Class

當頁面需要 CallBack 時，只需要繼承 TBBasePage，在「CallBack 事件」中以 e.Argument 判斷傳入參數，並將回傳結果寫入 e.Result。以下範例就是繼承 TBBasePage，利用 CallBack 方式「取得伺服端時間」。

*.aspx.vb

Partial Class _Default Inherits TBBasePage Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 'Button1 的 onclick 執行 CallBack 回伺服端 btnCallBackButton.Attributes("onclick") = Me.ClientScript.GetCallbackEventReference(Me, "", "ReceiveServerData", "") End Sub ''' <summary> ''' CallBack 的回呼事件。 ''' </summary> Protected Sub Page_CallBack(ByVal sender As Object, ByVal e As TBBasePage.CallBackEventArgs) Handles Me.CallBack e.Result = Now.ToString() '傳回伺服端時間 End Sub End Class

*.aspx 程式碼如下，其中 ReceiveServerData 為接收 CallBack 回傳的 JavaScript 函式。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>未命名頁面</title> <script type="text/javascript"> function ReceiveServerData(rValue) { var o = document.getElementById("Label1"); o.innerText = rValue; } </script> </head> <body> <form id="form1" runat="server"> <div> <input id="btnCallBackButton" runat="server" type="button" value="CallBack Click" /><br /> Server Time: <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div> </form> </body> </html>

ASP.NET 魔法學院

回首頁

ASP.NET 魔法學院

.NET 技術分享

CallBack BasePage (簡化 CallBack 回呼程式碼)

系列文章

標籤雲