事件冒泡

    技术2022-05-11  85

    ASP.NET 页框架提供一种称为“事件冒泡”的技术,允许子控件将事件沿其包容层次结构向上传播。事件冒泡允许在控件层次结构中更方便的位置引发事件,并且允许将事件处理程序附加到原始控件以及公开冒泡的事件的控件上。

    数据绑定控件(Repeater、DataList 和 DataGrid)使用事件冒泡将子控件(在项目模板内)引发的命令事件公开为顶级事件。虽然 .NET Framework 中的 ASP.NET 服务器控件将事件冒泡用于命令事件(事件数据类是从 CommandEventArgs 派生的事件),但是,服务器控件上定义的任何事件都可以冒泡。

    控件可以通过从基类 System.Web.UI.Control 继承的两个方法参与事件冒泡。这两个方法是:OnBubbleEvent 和 RaiseBubbleEvent。以下代码片段显示了这些方法的签名。

    [C#]protected virtual bool OnBubbleEvent(   object source,   EventArgs args);protected void RaiseBubbleEvent(   object source,   EventArgs args );[Visual Basic]Overridable Protected Function OnBubbleEvent( _   ByVal source As Object, _   ByVal args As EventArgs _) As BooleanProtected Sub RaiseBubbleEvent( _   ByVal source As Object, _   ByVal args As EventArgs _)RaiseBubbleEvent 的实现是由 Control 提供的,并且不能被重写。RaiseBubbleEvent 沿层次结构向上将事件数据发送到控件的父级。若要处理或引发冒泡的事件,控件必须重写 OnBubbleEvent 方法。

    使事件冒泡的控件执行以下三种操作之一。

    控件不执行任何操作,此时事件自动向上冒泡到其父级。 控件进行一些处理并继续使事件冒泡。若要实现这一点,控件必须重写 OnBubbleEvent,并从 OnBubbleEvent 调用 RaiseBubbleEvent。以下代码片段(摘自模板化数据绑定控件示例)在检查事件参数的类型后使事件冒泡。 [C#]protected override bool OnBubbleEvent(object source, EventArgs e) {            if (e is CommandEventArgs) {                // Adds information about an Item to the                  // CommandEvent.                TemplatedListCommandEventArgs args =                    new TemplatedListCommandEventArgs(this, source, (CommandEventArgs)e);                RaiseBubbleEvent(this, args);                return true;            }            return false;        }[Visual Basic]Protected Overrides Function OnBubbleEvent(source As Object, e As EventArgs) As Boolean   If TypeOf e Is CommandEventArgs Then      ' Adds information about an Item to the        ' CommandEvent.      Dim args As New TemplatedListCommandEventArgs(Me, source, CType(e, CommandEventArgs))      RaiseBubbleEvent(Me, args)      Return True   End If   Return FalseEnd Function控件停止事件冒泡并引发和/或处理该事件。引发事件需要调用将事件调度给侦听器的方法。若要引发冒泡的事件,控件必须重写 OnBubbleEvent 以调用引发此冒泡的事件的 OnEventName 方法。引发冒泡的事件的控件通常将冒泡的事件公开为顶级事件。以下代码片段(摘自模板化数据绑定控件示例)引发一个冒泡的事件。 [C#]protected override bool OnBubbleEvent(object source, EventArgs e) {    bool handled = false;

        if (e is TemplatedListCommandEventArgs) {        TemplatedListCommandEventArgs ce = (TemplatedListCommandEventArgs)e;

            OnItemCommand(ce);        handled = true;    }    return handled;}[Visual Basic]Protected Overrides Function OnBubbleEvent(source As Object, e As EventArgs) As Boolean   Dim handled As Boolean = False      If TypeOf e Is TemplatedListCommandEventArgs Then      Dim ce As TemplatedListCommandEventArgs = CType(e, TemplatedListCommandEventArgs)            OnItemCommand(ce)      handled = True   End If   Return handledEnd Function有关说明事件冒泡的示例,请参见事件冒泡控件示例和模板化数据绑定控件示例。

    注意   虽然启用事件冒泡的方法 OnBubbleEvent 符合用于引发事件的方法的标准 .NET Framework 命名模式,但是没有名为 BubbleEvent 的事件。在停止事件冒泡的控件中,将冒泡事件公开为顶级事件。例如,DataList 控件将其模板中控件的 Command 事件公开为 ItemCommand 事件。另请注意,在 .NET Framework 中 OnEventName 方法的标准签名有一个参数 (protected void OnEventName (EventArgs e))。但是,OnBubbleEvent 有两个参数,这是因为该事件起源于控件之外;第二个参数提供源。到目前为止,本讨论说明了控件如何响应冒泡的事件。下面一节显示如何创作一个定义冒泡的事件的控件。

    定义冒泡的事件如果希望控件为它所定义的事件启用事件冒泡,则控件必须从引发该事件的 OnEventName 方法调用 RaiseBubbleEvent。不需要在该控件中做额外的工作。以下代码片段显示了一个控件,该控件定义了一个启用冒泡的 Command 事件。

    [C#]protected virtual void OnCommand(CommandEventArgs e) {            CommandEventHandler handler = (CommandEventHandler)Events[EventCommand];            if (handler != null)                handler(this,e);

                // The Command event is bubbled up the control hierarchy.            RaiseBubbleEvent(this, e);        } [Visual Basic]Protected Overridable Sub OnCommand(e As CommandEventArgs)   Dim handler As CommandEventHandler = CType(Events(EventCommand), CommandEventHandler)   If Not (handler Is Nothing) Then      handler(Me, e)   End If    ' The Command event is bubbled up the control hierarchy.   RaiseBubbleEvent(Me, e)End Sub注意   事件冒泡并不限于命令事件。可以使用此处描述的机制使任何事件冒泡。请参见事件冒泡控件示例 | 模板化数据绑定控件示例

     

    事件冒泡控件示例下面的自定义控件 EventBubbler 说明了一种简单的事件冒泡情况。EventBubbler 是一个包含文本框 (TextBox)、按钮 (Button) 和标签 (Label) 控件的复合控件。EventBubbler 将命令事件从按钮冒泡到父容器控件(自身),并将它们公开为顶级事件。若要生成该示例,请参见服务器控件示例中的说明。

    有关更切合实际的示例,请参见模板化数据绑定控件示例。

    [C#]using System;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;

    namespace CustomControls {      public class EventBubbler : Control, INamingContainer    {      private int number = 100;      private Label label;      private TextBox box1;      private TextBox box2;            public event EventHandler Click;      public event EventHandler Reset;      public event EventHandler Submit;            public string Label      {         get         {            EnsureChildControls();            return label.Text;         }         set         {            EnsureChildControls();            label.Text = value;         }      }            public int Number      {         get         {            return number;         }         set         {            number = value;         }      }            public string Text1      {         get         {            EnsureChildControls();            return box1.Text;         }         set         {            EnsureChildControls();            box1.Text = value;         }      }            public string Text2      {         get         {            EnsureChildControls();            return box2.Text;         }         set         {            EnsureChildControls();            box2.Text = value;         }      }                  protected override void CreateChildControls()       {                  Controls.Add(new LiteralControl("<h3>Enter a number : "));                  box1 = new TextBox();         box1.Text = "0";         Controls.Add(box1);                  Controls.Add(new LiteralControl("</h3>"));                  Controls.Add(new LiteralControl("<h3>Enter another number : "));                  box2 = new TextBox();         box2.Text = "0";         Controls.Add(box2);                  Controls.Add(new LiteralControl("</h3>"));                  Button button1 = new Button();         button1.Text = "Click";         button1.CommandName = "Click";         Controls.Add(button1);                  Button button2 = new Button();         button2.Text = "Reset";         button2.CommandName = "Reset";         Controls.Add(button2);                  Button button3 = new Button();         button3.Text = "Submit";         button3.CommandName = "Submit";         Controls.Add(button3);                  Controls.Add(new LiteralControl("<br><br>"));         label = new Label();         label.Height = 50;         label.Width = 500;         label.Text = "Click a button.";         Controls.Add(label);               }            protected override bool OnBubbleEvent(object source, EventArgs e)       {            bool handled = false;         if (e is CommandEventArgs)         {            CommandEventArgs ce = (CommandEventArgs)e;            if (ce.CommandName == "Click")            {               OnClick(ce);               handled = true;               }              else if (ce.CommandName == "Reset")            {               OnReset(ce);               handled = true;               }            else if (ce.CommandName == "Submit")            {               OnSubmit(ce);               handled = true;               }                     }         return handled;                  }            protected virtual void OnClick (EventArgs e)      {         if (Click != null)         {            Click(this,e);         }      }            protected virtual void OnReset (EventArgs e)      {         if (Reset != null)         {            Reset(this,e);         }      }            protected virtual void OnSubmit (EventArgs e)      {         if (Submit != null)         {            Submit(this,e);         }      }     }}[Visual Basic]Option ExplicitOption Strict

    Imports SystemImports System.WebImports System.Web.UIImports System.Web.UI.WebControls

    Namespace CustomControls   Public Class EventBubbler      Inherits Control      Implements INamingContainer      Private _number As Integer = 100      Private _label As Label      Private _box1 As TextBox      Private _box2 As TextBox            Public Event Click As EventHandler      Public Event Reset As EventHandler      Public Event Submit As EventHandler            Public Property Label() As String         Get            EnsureChildControls()            Return _label.Text         End Get         Set            EnsureChildControls()            _label.Text = value         End Set      End Property            Public Property Number() As Integer         Get            Return _number         End Get         Set            _number = value         End Set      End Property            Public Property Text1() As String         Get            EnsureChildControls()            Return _box1.Text         End Get         Set            EnsureChildControls()            _box1.Text = value         End Set      End Property            Public Property Text2() As String         Get            EnsureChildControls()            Return _box2.Text         End Get         Set            EnsureChildControls()            _box2.Text = value         End Set      End Property            Protected Overrides Sub CreateChildControls()                  Controls.Add(New LiteralControl("<h3>Enter a number : "))                  _box1 = New TextBox()         _box1.Text = "0"         Controls.Add(_box1)                  Controls.Add(New LiteralControl("</h3>"))                  Controls.Add(New LiteralControl("<h3>Enter another number : "))                  _box2 = New TextBox()         _box2.Text = "0"         Controls.Add(_box2)                  Controls.Add(New LiteralControl("</h3>"))                  Dim button1 As New Button()         button1.Text = "Click"         button1.CommandName = "Click"         Controls.Add(button1)                  Dim button2 As New Button()         button2.Text = "Reset"         button2.CommandName = "Reset"         Controls.Add(button2)                  Dim button3 As New Button()         button3.Text = "Submit"         button3.CommandName = "Submit"         Controls.Add(button3)                  Controls.Add(New LiteralControl("<br><br>"))         _label = New Label()         _label.Height = Unit.Pixel(50)         _label.Width = Unit.Pixel(500)         _label.Text = "Click a button."         Controls.Add(_label)      End Sub             Protected Overrides Function OnBubbleEvent(source As Object, e As EventArgs) As Boolean         Dim handled As Boolean = False         If TypeOf e Is CommandEventArgs Then            Dim ce As CommandEventArgs = CType(e, CommandEventArgs)            If ce.CommandName = "Click" Then               OnClick(ce)               handled = True            Else               If ce.CommandName = "Reset" Then                  OnReset(ce)                  handled = True               Else                  If ce.CommandName = "Submit" Then                     OnSubmit(ce)                     handled = True                  End If               End If             End If         End If         Return handled      End Function            Protected Overridable Sub OnClick(e As EventArgs)         RaiseEvent Click(Me, e)      End Sub            Protected Overridable Sub OnReset(e As EventArgs)         RaiseEvent Reset(Me, e)      End Sub            Protected Overridable Sub OnSubmit(e As EventArgs)         RaiseEvent Submit(Me, e)      End Sub   End ClassEnd Namespace在页上使用事件冒泡控件下面的 ASP.NET 页使用自定义事件冒泡控件 EventBubbler,并将事件处理程序附加到其顶级事件。

    [C#]<%@ Register TagPrefix="Custom" Namespace="CustomControls" Assembly = "CustomControls" %><html><script language="C#" runat=server>

            private void ClickHandler(Object sender,EventArgs e)        {           MyControl.Label = "You clicked the <b> Click </b> button";

       }

            private void ResetHandler(Object sender,EventArgs e)        {          MyControl.Text1 = "0";          MyControl.Text2 = "0";      

       }    

       private void SubmitHandler(Object sender,EventArgs e)        {          if ( Int32.Parse(MyControl.Text1) + Int32.Parse(MyControl.Text2) == MyControl.Number)           MyControl.Label = "<h2> You won a million dollars!!!! </h2>";          else            MyControl.Label = "Sorry, try again. The numbers you entered don't add up to" +            " the hidden number.";

       }        </script>      <body>

    <h1> The Mystery Sum Game </h1><br>         <form runat=server>              <Custom:EventBubbler id = "MyControl" OnClick = "ClickHandler" OnReset = "ResetHandler" OnSubmit = "SubmitHandler" Number= "10" runat = server/>                                     </form>                       </body>                    </html>                  [Visual Basic]<%@ Register TagPrefix="Custom" Namespace="CustomControls" Assembly = "CustomControls" %><html><script language="VB" runat=server>

        Private Sub ClickHandler(sender As Object, e As EventArgs)       MyControl.Label = "You clicked the <b> Click </b> button"    End Sub    

        Private Sub ResetHandler(sender As Object, e As EventArgs)       MyControl.Text1 = "0"       MyControl.Text2 = "0"    End Sub    

        Private Sub SubmitHandler(sender As Object, e As EventArgs)       If Int32.Parse(MyControl.Text1) + Int32.Parse(MyControl.Text2) = MyControl.Number Then          MyControl.Label = "<h2> You won a million dollars!!!! </h2>"       Else          MyControl.Label = "Sorry, try again. The numbers you entered don't add up to" & " the hidden number."       End If    End Sub    </script>      <body>

    <h1> The Mystery Sum Game </h1><br>         <form runat=server>              <Custom:EventBubbler id = "MyControl" OnClick = "ClickHandler" OnReset = "ResetHandler" OnSubmit = "SubmitHandler" Number= "10" runat = server/>                                     </form>                       </body>                    </html>


    最新回复(0)