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。定义一个数据类，用来当发生事件时，我们把一些信息携带。在本控件中，当我们点击“提交”按钮时，我

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

 

              

 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.我们来定义一个委托：

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

          3.定义事件。

     

         

 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的控件的就行了。其实很简单的。只要重写一个方

法就行了。

 

          如下：

          

        

 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;
         }

 

         好了，完了，就这样了。

         完整代码附上：

          

  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(60);
 45             Controls.Add(txtUserName);
 46 
 47             txtUserPassward = new TextBox();
 48             txtUserPassward.ID = "txtUserPassward";
 49             txtUserPassward.Width = Unit.Percentage(60);
 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, "2");
             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
 
 
 
     }
 }