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。定义一个数据类，用来当发生事件时，我们把一些信息携带。在本控件中，当我们点击“提交”按钮时，我
们就把用户名和密码作为数据送到服务器。所以我们的数据类包含两个信息：如下：
Code1 public class ValidateEventArgs:EventArgs
2 {
3 private string userName;
4 private string userPassward;
5
6 public string UserName
7 {
8 get
9 {
10 return userName ;
11 }
12 }
13
14 public string UserPassward
15 {
16 get
17 {
18 return userPassward;
19 }
20 }
21
22 public ValidateEventArgs(string username, string userpassward)
23 {
24 this.userName = username;
25 this.userPassward = userpassward;
26 }
27 }
相信大家对上面的代码不陌生！！！
2.我们来定义一个委托：
Code1 public delegate void ValidateEventHandler(object sender,ValidateEventArgs args);
3.定义事件。
Code1 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 {
10 Events.RemoveHandler(ValidateEventKey, value);
11 }
12 }
13
14 protected virtual void OnValidateChanged(ValidateEventArgs args)
15 {
16 ValidateEventHandler handler = Events[ValidateEventKey] as ValidateEventHandler;
17 if (handler != null)
18 handler(this, args);
19 }
20
4.好了；准备都做好了，下面我们只要把这个事件冒泡成为Login的控件的就行了。其实很简单的。只要重写一个方
法就行了。
如下：
Code1 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;
10 string userPassward = this.txtUserPassward.Text;
11
12 //把信息输入
13 ValidateEventArgs ve = new ValidateEventArgs(userName, userPassward);
14 OnValidateChanged(ve);
15 }
16 return handled;
17 }
好了，完了，就这样了。
完整代码附上：
Code1 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();
100 submitButton.Text = value;
101 }
102 }
103
104
105 #endregion
106
107 #region 组合控件呈现的样式
108 protected override HtmlTextWriterTag TagKey
109 {
110 get
111 {
112 return HtmlTextWriterTag.Table;
113 }
114 }
115
116 protected override void RenderContents(HtmlTextWriter writer)
117 {
118
119 writer.RenderBeginTag(HtmlTextWriterTag.Tr);
120
121 writer.RenderBeginTag(HtmlTextWriterTag.Td);
122 lbUserName.RenderControl(writer);
123 writer.RenderEndTag();//td的结束
124
125 writer.RenderBeginTag(HtmlTextWriterTag.Td);
126 txtUserName.RenderControl(writer);
127 writer.RenderEndTag ();
128
129 writer.RenderEndTag ();//tr的结束
130
131 //***********************************************
132
133 writer.RenderBeginTag(HtmlTextWriterTag.Tr);
134
135 writer.RenderBeginTag(HtmlTextWriterTag.Td);
136 lbUserPassward .RenderControl(writer);
137 writer.RenderEndTag();//td的结束
138
139 writer.RenderBeginTag(HtmlTextWriterTag.Td);
140 txtUserPassward .RenderControl(writer);
141 writer.RenderEndTag();
142
143 writer.RenderEndTag ();//tr的结束
144
145 //***********************************************
146
147 writer.RenderBeginTag(HtmlTextWriterTag.Tr);
148
149 writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");
150 writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");
151 writer.RenderBeginTag(HtmlTextWriterTag.Td);
152 submitButton.RenderControl(writer);
153 writer.RenderEndTag ();
154
155 writer.RenderEndTag();//tr的结束
156
157
158
159
160 }
161 #endregion
162
163 #region 事件
164 private static readonly object ValidateEventKey = new object();
165 public event ValidateEventHandler ValidateUserInfoChanged
166 {
167 add
168 {
169 Events.AddHandler(ValidateEventKey, value);
170 }
171 remove
172 {
173 Events.RemoveHandler(ValidateEventKey, value);
174 }
175 }
176
177 protected virtual void OnValidateChanged(ValidateEventArgs args)
178 {
179 ValidateEventHandler handler = Events[ValidateEventKey] as ValidateEventHandler;
180 if (handler != null)
181 handler(this, args);
182 }
183
184 #endregion
185
186 #region 冒泡
187
188 protected override bool OnBubbleEvent(object source, EventArgs args)
189 {
190 bool handled = false;
191
192 CommandEventArgs ce = args as CommandEventArgs;
193 if (ce != null && ce.CommandName == "Validate")
194 {
195 handled = true;
196 string userName = this.txtUserName.Text;
197 string userPassward = this.txtUserPassward.Text;
198
199 //把信息输入
200 ValidateEventArgs ve = new ValidateEventArgs(userName, userPassward);
201 OnValidateChanged(ve);
202 }
203 return handled;
204 }
205 #endregion
206
207
208
209 }
210 }
211