ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡

时间:2021-10-06 18:32:03

原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡

CompositeControl  后篇 --事件冒泡

系列文章链接:

ASP.NET自定义控件组件开发 第一章 待续

ASP.NET自定义控件组件开发 第一章 第二篇 接着待续

ASP.NET自定义控件组件开发 第一章 第三篇

ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件

ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇

ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇

ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl

ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡

ASP.NET自定义控件组件开发 第五章 模板控件开发

ASP.NET2.0自定义控件组件开发 第六章 深入讲解控件的属性

ASP.NET2.0组件控件开发视频 初体验

我们上一篇已经开发一个登录的组合控件,但是我们把控件的事件的这个问题没有解决,现在我们就来看看这个

问题。

因为我们的组合控件Login是由一些已经存在的服务器控件的组合的,这样就省却了我们很多的麻烦,上篇中我

们已经把子控件的一些属性,如Text等,显示呈现为了组合控件的属性。我们将之称为“属性的冒泡”(我自己这样认为

的)。

我们现在来想下:其实我们点击“提交”按钮,我们就想把控件中信息发送给服务器,然后验证。即,我们点击

的是“提交”按钮,但是触发的确实Login控件的验证事件。也就是说,我们应该把子控件-button的事件,上升冒泡成为

Login的事件。

现在我们就正式讲讲怎么来事件冒泡。

对于事件的一些步骤,大家应该还记得:

1。定义一个数据类,用来当发生事件时,我们把一些信息携带。在本控件中,当我们点击“提交”按钮时,我

们就把用户名和密码作为数据送到服务器。所以我们的数据类包含两个信息:如下:

Code
 1 public class ValidateEventArgs:EventArgs 
 2     {
 3         private string userName;
 4         private string userPassward;
 5 
 6         public string UserName
 7         {
 8             get
 9             {
                 return  userName ;
             }
         }
 
         public string UserPassward
         {
             get
             {
                 return userPassward;
             }
         }
 
         public ValidateEventArgs(string username, string userpassward)
         {
             this.userName = username;
             this.userPassward = userpassward;
         }
     }

相信大家对上面的代码不陌生!!!

2.我们来定义一个委托:

Code
 public delegate void ValidateEventHandler(object sender,ValidateEventArgs args);

3.定义事件。

Code
 1  private static readonly object ValidateEventKey = new object();
 2         public event ValidateEventHandler ValidateUserInfoChanged
 3         {
 4             add
 5             {
 6                 Events.AddHandler(ValidateEventKey, value);
 7             }
 8             remove
 9             {
                 Events.RemoveHandler(ValidateEventKey, value);
             }
         }
 
         protected virtual void OnValidateChanged(ValidateEventArgs args)
         {
             ValidateEventHandler handler = Events[ValidateEventKey] as ValidateEventHandler;
             if (handler != null)
                 handler(this, args);
         }
     

4.好了;准备都做好了,下面我们只要把这个事件冒泡成为Login的控件的就行了。其实很简单的。只要重写一个方

法就行了。

如下:

Code
 1 protected override bool OnBubbleEvent(object source, EventArgs args)
 2         {
 3             bool handled = false;
 4 
 5             CommandEventArgs ce = args as CommandEventArgs;
 6             if (ce != null && ce.CommandName == "Validate")
 7             {
 8                 handled = true;
 9                 string userName = this.txtUserName.Text;
                 string userPassward = this.txtUserPassward.Text;
 
                 //把信息输入
                 ValidateEventArgs ve = new ValidateEventArgs(userName, userPassward);
                 OnValidateChanged(ve);
             }
             return handled;
         }

好了,完了,就这样了。

完整代码附上:

Code
  1 using System;
  2 using System.Collections.Generic;
  3 using System.Text;
  4 using System.Web;
  5 using System.Web.UI;
  6 using System.Web.UI.WebControls;
  7 using System.ComponentModel;
  8 
  9 namespace LoginControl
 10 {
 11     public class Login:CompositeControl
 12     {
 13         #region 要组合的控件
 14         Label lbUserName;
 15         Label lbUserPassward;
 16         TextBox txtUserName;
 17         TextBox txtUserPassward;
 18         Button submitButton;
 19         #endregion
 20        
 21 
 22         #region 重写方法CreateChildControls
 23 
 24         protected override void CreateChildControls()
 25         {
 26             Controls.Clear();
 27 
 28            //初始化控件lbUserName
 29             lbUserName = new Label();
 30             lbUserName.Text = "用户名:";
 31             lbUserName.ID = "lbUserName";
 32             //把控件添加到我们的组合控件中
 33             Controls.Add(lbUserName);
 34 
 35             //初始化控件lbUserPassward
 36             lbUserPassward = new Label();
 37             lbUserPassward.Text = "密  码:";
 38             lbUserPassward.ID = "lbUserPassward";
 39             Controls.Add(lbUserPassward);
 40            
 41 
 42             txtUserName = new TextBox();
 43             txtUserName.ID = "txtUserName";
 44             txtUserName.Width = Unit.Percentage();
 45             Controls.Add(txtUserName);
 46 
 47             txtUserPassward = new TextBox();
 48             txtUserPassward.ID = "txtUserPassward";
 49             txtUserPassward.Width = Unit.Percentage();
 50             Controls.Add(txtUserPassward);
 51 
 52             submitButton  = new Button();
 53             submitButton.Text = "提交";
 54             submitButton.CommandName = "Validate";
 55             Controls.Add(submitButton);
 56 
 57             ChildControlsCreated = true;
 58         }
 59         #endregion
 60         #region 将组合的子控件的属性 呈现为 组合控件的属性
 61 
 62         public string UserNameLabelText
 63         {
 64             get
 65             {
 66                 EnsureChildControls();
 67                 return lbUserName.Text;
 68             }
 69             set
 70             {
 71                 EnsureChildControls();
 72                 lbUserName.Text = value;
 73             }
 74         }
 75 
 76         public string UserPasswardLabelText
 77         {
 78             get
 79             {
 80                 EnsureChildControls();
 81                 return lbUserPassward.Text;
 82             }
 83             set
 84             {
 85                 EnsureChildControls();
 86                 lbUserPassward.Text = value;
 87             }
 88         }
 89 
 90         public string SubmitButtonText
 91         {
 92             get
 93             {
 94                 EnsureChildControls();
 95                 return submitButton.Text;
 96             }
 97             set
 98             {
 99                 EnsureChildControls();
                 submitButton.Text  = value;
             }
         }
 
 
         #endregion
 
         #region 组合控件呈现的样式
         protected override HtmlTextWriterTag TagKey
         {
             get
             {
                 return HtmlTextWriterTag.Table;
             }
         }
 
         protected override void RenderContents(HtmlTextWriter writer)
         {
 
             writer.RenderBeginTag(HtmlTextWriterTag.Tr);
 
             writer.RenderBeginTag(HtmlTextWriterTag.Td);
             lbUserName.RenderControl(writer);
             writer.RenderEndTag();//td的结束
 
             writer.RenderBeginTag(HtmlTextWriterTag.Td);
             txtUserName.RenderControl(writer);
             writer.RenderEndTag ();
 
             writer.RenderEndTag ();//tr的结束
 
             //***********************************************
 
             writer.RenderBeginTag(HtmlTextWriterTag.Tr);
 
             writer.RenderBeginTag(HtmlTextWriterTag.Td);
             lbUserPassward .RenderControl(writer);
             writer.RenderEndTag();//td的结束
 
             writer.RenderBeginTag(HtmlTextWriterTag.Td);
             txtUserPassward .RenderControl(writer);
             writer.RenderEndTag();
 
             writer.RenderEndTag ();//tr的结束
            
             //***********************************************
 
             writer.RenderBeginTag(HtmlTextWriterTag.Tr);
 
             writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "");
             writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");
             writer.RenderBeginTag(HtmlTextWriterTag.Td);
             submitButton.RenderControl(writer);
             writer.RenderEndTag ();
 
             writer.RenderEndTag();//tr的结束
 
                       
 
 
         }
         #endregion
          
         #region 事件
         private static readonly object ValidateEventKey = new object();
         public event ValidateEventHandler ValidateUserInfoChanged
         {
             add
             {
                 Events.AddHandler(ValidateEventKey, value);
             }
             remove
             {
                 Events.RemoveHandler(ValidateEventKey, value);
             }
         }
 
         protected virtual void OnValidateChanged(ValidateEventArgs args)
         {
             ValidateEventHandler handler = Events[ValidateEventKey] as ValidateEventHandler;
             if (handler != null)
                 handler(this, args);
         }
     
         #endregion
 
         #region 冒泡
 
         protected override bool OnBubbleEvent(object source, EventArgs args)
         {
             bool handled = false;
 
             CommandEventArgs ce = args as CommandEventArgs;
             if (ce != null && ce.CommandName == "Validate")
             {
                 handled = true;
                 string userName = this.txtUserName.Text;
                 string userPassward = this.txtUserPassward.Text;
 
                 //把信息输入
                 ValidateEventArgs ve = new ValidateEventArgs(userName, userPassward);
                 OnValidateChanged(ve);
             }
             return handled;
         }
         #endregion
 
 
 
     }
 }