ASP.NET控件开发基础之复合控件事件处理浅析

上一篇写了ASP.NET控件开发基础之复合控件基本的概念，这次就继续上次的话题，来学习ASP.NET复合控件如何触发事件.

我们提供的服务有：成都做网站、网站制作、微信公众号开发、网站优化、网站认证、揭阳ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的揭阳网站制作公司

对于ASP.NET控件开发基础的学习首先我们先明白些内容：

有一些ASP.NET复合控件直接把按钮触发事件所需的事情封装好，另外一种则是自定义事件，更具灵活性，当然这是根据需要设计的。以下会以例子来说明的.下面我们假设我们控件中有两个按钮.以下不列出所有代码,具体可在文章***下载代码.

(1) 直接实现按钮事件

在控件中(以下代码并非实现复合控件)直接实现事件则无需自定义事件,如下代码(如果对数据回传有些不熟悉的话,可先看第三篇,希望对你有帮助)

ASP.NET控件开发基础示例一(只列出局部代码,具体可在文章***下载代码)

 
 
 
    
  
  
  
  1. void IPostBackEventHandler.RaisePostBackEvent(string eventArgument)  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. if (eventArgument == "Previous")  
    4. 
  
  
  
  4. PreviousText = "你点击了PreviousText按钮";  
    5. 
  
  
  
  5. else if (eventArgument == "Next")  
    6. 
  
  
  
  6. NextText = "你点击了NextText按钮";  
    7. 
  
  
  
  7. }  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. protected override void RenderContents(HtmlTextWriter writer)  
    10. 
  
  
  
  10. {  
    11. 
  
  
  
  11. writer.AddAttribute(HtmlTextWriterAttribute.Onclick, Page.GetPostBackEventReference(this, "Previous"));  
    12. 
  
  
  
  12. writer.RenderBeginTag(HtmlTextWriterTag.Button);  
    13. 
  
  
  
  13. writer.Write(this.PreviousText);  
    14. 
  
  
  
  14. writer.RenderEndTag();  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16. writer.AddAttribute(HtmlTextWriterAttribute.Onclick, Page.GetPostBackEventReference(this, "Next"));  
    17. 
  
  
  
  17. writer.RenderBeginTag(HtmlTextWriterTag.Button);  
    18. 
  
  
  
  18. writer.Write(this.NextText);  
    19. 
  
  
  
  19. writer.RenderEndTag();  
    20. 
  
  
  
  20. } 
    21.

还记得第三篇时示例一中下面的代码吗?此控件中只触发了一个事件,所以无需根据服务器传递的参数来判断出发哪个事件

 
 
 
    
  
  
  
  1. //实现RaisePostBackEvent方法,处理回发事件  
    2. 
  
  
  
  2. public void RaisePostBackEvent(string eventArgument)  
    3. 
  
  
  
  3. {  
    4. 
  
  
  
  4. OnClick(EventArgs.Empty);  
    5. 
  
  
  
  5. } 
    6.

RaisePostBackEvent方法有一个eventArgument参数用来传递事件数据.代码实现了一个空参数传递(eventArgument参数为空)的事件OnClick(EventArgs.Empty)

再比较一下示例一的代码,因为其用到了两个按钮

Page.GetPostBackEventReference方法用来传递参数

RaisePostBackEvent方法则以传递参数来判断触发哪个按钮

小结:

在控件中直接实现按钮事件,则无需定义自定义事件,但别忘了在RaisePostBackEvent方法中根据传递过来的不同参数来加以判断.

(2)以自定义事件实现

根据示例一上面的代码加上自定义委托和事件,如下代码(只列出局部代码,具体可在文章***下载代码)

ASP.NET控件开发基础示例二

 
 
 
    
  
  
  
  1. void IPostBackEventHandler.RaisePostBackEvent(string eventArgument)  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. if (eventArgument == "Previous")  
    4. 
  
  
  
  4. OnClickPrevious(EventArgs.Empty);  
    5. 
  
  
  
  5. else if (eventArgument == "Next")  
    6. 
  
  
  
  6. OnClickNext(EventArgs.Empty);  
    7. 
  
  
  
  7. } 
    8.

调用代码如下

 
 
 
    
  
  
  
  1. protected void NavButtons2_1_ClickPrevious(object sender, EventArgs e)  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. Label1.Text = "你点击了PreviousText按钮";  
    4. 
  
  
  
  4. }  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. protected void NavButtons2_1_ClickNext(object sender, EventArgs e)  
    7. 
  
  
  
  7. {  
    8. 
  
  
  
  8. Label1.Text = "你点击了NextText按钮";  
    9. 
  
  
  
  9. } 
    10.

小结:在示例一的基础上去除直接实现好的按钮事件,然后自定义事件.

再次提醒如果大家对回发事件,还请再参考一些文章先弄清楚,或者也可以看看我写的第三篇文章.

好了,上面讲的都非复合控件,但复合控件实现起来却很相似,或者可以说更加简单.

下面先来看个简单的示例(大家知道button按钮有CommandName属性和CommandArgument属性)

ASP.NET控件开发基础示例三

 
 
 
    
  
  
  
  1. ﹤%@ Page Language="C#" %﹥  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. ﹤!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    4. 
  
  
  
  4.  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"﹥  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. ﹤script runat="server"﹥  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8. protected void Button1_Click(object sender, EventArgs e)  
    9. 
  
  
  
  9. {  
    10. 
  
  
  
  10. Label1.Text = "你点击了左按钮";  
    11. 
  
  
  
  11. }  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. protected void Button2_Click(object sender, EventArgs e)  
    14. 
  
  
  
  14. {  
    15. 
  
  
  
  15. Label1.Text = "你点击了右按钮";  
    16. 
  
  
  
  16. }  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18. protected void btn_command(object sender, CommandEventArgs e)  
    19. 
  
  
  
  19. {  
    20. 
  
  
  
  20. switch (e.CommandName)  
    21. 
  
  
  
  21. {  
    22. 
  
  
  
  22. case "left":  
    23. 
  
  
  
  23. Label2.Text = "你点击了左按钮";  
    24. 
  
  
  
  24. break;  
    25. 
  
  
  
  25. case "right":  
    26. 
  
  
  
  26. Label2.Text = "你点击了右按钮";  
    27. 
  
  
  
  27. break;  
    28. 
  
  
  
  28. }  
    29. 
  
  
  
  29. }  
    30. 
  
  
  
  30.  
    31. 
  
  
  
  31. protected void btn2_command(object sender, CommandEventArgs e)  
    32. 
  
  
  
  32. {  
    33. 
  
  
  
  33. switch (e.CommandName)  
    34. 
  
  
  
  34. {  
    35. 
  
  
  
  35. case "left":  
    36. 
  
  
  
  36. Button1_Click(this, e);  
    37. 
  
  
  
  37. break;  
    38. 
  
  
  
  38. case "right":  
    39. 
  
  
  
  39. Button2_Click(this, e);  
    40. 
  
  
  
  40. break;  
    41. 
  
  
  
  41. }  
    42. 
  
  
  
  42. }  
    43. 
  
  
  
  43. ﹤/script﹥  
    44. 
  
  
  
  44.  
    45. 
  
  
  
  45. ﹤html xmlns="http://www.w3.org/1999/xhtml" ﹥  
    46. 
  
  
  
  46. ﹤head runat="server"﹥  
    47. 
  
  
  
  47. ﹤title﹥无标题页﹤/title﹥  
    48. 
  
  
  
  48. ﹤/head﹥  
    49. 
  
  
  
  49. ﹤body﹥  
    50. 
  
  
  
  50. ﹤form id="form1" runat="server"﹥  
    51. 
  
  
  
  51. ﹤div﹥  
    52. 
  
  
  
  52. ﹤asp:Button ID="Button1" runat="server"   
    53. 
  
  
  
  53. OnClick="Button1_Click" Text="左按钮" /﹥  
    54. 
  
  
  
  54. ﹤asp:Button ID="Button2" runat="server" Text="右按钮" 
    55. 
  
  
  
  55.  OnClick="Button2_Click" /﹥﹤br /﹥  
    56. 
  
  
  
  56. ﹤br /﹥  
    57. 
  
  
  
  57. ﹤asp:Label ID="Label1" runat="server"﹥﹤/asp:Label﹥﹤br /﹥  
    58. 
  
  
  
  58. ﹤br /﹥  
    59. 
  
  
  
  59. ﹤asp:Button ID="Button3" runat="server" Text="左按钮"   
    60. 
  
  
  
  60. CommandName="left" OnCommand="btn_command" /﹥  
    61. 
  
  
  
  61. ﹤asp:Button ID="Button4" runat="server" 
    62. 
  
  
  
  62. Text="右按钮" OnCommand="btn_command" CommandName="right" /﹥﹤br /﹥  
    63. 
  
  
  
  63. ﹤br /﹥  
    64. 
  
  
  
  64. ﹤asp:Label ID="Label2" runat="server"﹥﹤/asp:Label﹥﹤br /﹥  
    65. 
  
  
  
  65. ﹤br /﹥  
    66. 
  
  
  
  66. ﹤asp:Button ID="Button5" runat="server" Text="左按钮"   
    67. 
  
  
  
  67. CommandName="left" OnCommand="btn2_command" /﹥  
    68. 
  
  
  
  68. ﹤asp:Button ID="Button6" runat="server" 
    69. 
  
  
  
  69. Text="右按钮" OnCommand="btn2_command" CommandName="right" /﹥﹤/div﹥  
    70. 
  
  
  
  70. ﹤/form﹥  
    71. 
  
  
  
  71. ﹤/body﹥  
    72. 
  
  
  
  72. ﹤/html﹥ 
    73.

以上代码以三种方式来实现按钮的触发事件.这里本应该再举一个数据绑定控件如(DataList控件的使用)的一个例子的一个例子的,这里目的只为了说明冒泡法的使用,冒泡法在DataList等数据绑定控定控件中最能体现出来.

那我们先来看下,在ASP.NET复合控件中怎么做?

1.直接实现按钮事件

2.以自定义事件实现

(1)以下为微软网站的示例代码,如下代码

ASP.NET控件开发基础示例四

 
 
 
    
  
  
  
  1. namespace CompositionSampleControls  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4. public class Composition2 : Control, INamingContainer  
    5. 
  
  
  
  5. {  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. public int Value  
    8. 
  
  
  
  8. {  
    9. 
  
  
  
  9. get 
    10. 
  
  
  
  10. {  
    11. 
  
  
  
  11. this.EnsureChildControls();  
    12. 
  
  
  
  12. return Int32.Parse(((TextBox)Controls[1]).Text);  
    13. 
  
  
  
  13. }  
    14. 
  
  
  
  14. set 
    15. 
  
  
  
  15. {  
    16. 
  
  
  
  16. this.EnsureChildControls();  
    17. 
  
  
  
  17. ((TextBox)Controls[1]).Text = value.ToString();  
    18. 
  
  
  
  18. }  
    19. 
  
  
  
  19. }  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21. protected override void CreateChildControls()  
    22. 
  
  
  
  22. {  
    23. 
  
  
  
  23.  
    24. 
  
  
  
  24. // Add Literal Control  
    25. 
  
  
  
  25.  
    26. 
  
  
  
  26. this.Controls.Add(new LiteralControl("﹤h3﹥" + "Value: "));  
    27. 
  
  
  
  27.  
    28. 
  
  
  
  28. // Add Textbox  
    29. 
  
  
  
  29.  
    30. 
  
  
  
  30. TextBox box = new TextBox();  
    31. 
  
  
  
  31. box.Text = "0";  
    32. 
  
  
  
  32. this.Controls.Add(box);  
    33. 
  
  
  
  33.  
    34. 
  
  
  
  34. // Add Literal Control  
    35. 
  
  
  
  35.  
    36. 
  
  
  
  36. this.Controls.Add(new LiteralControl("﹤/h3﹥"));  
    37. 
  
  
  
  37.  
    38. 
  
  
  
  38. // Add "Add" Button  
    39. 
  
  
  
  39.  
    40. 
  
  
  
  40. Button addButton = new Button();  
    41. 
  
  
  
  41. addButton.Text = "Add";  
    42. 
  
  
  
  42. addButton.Click += new EventHandler(this.AddBtn_Click);  
    43. 
  
  
  
  43. this.Controls.Add(addButton);  
    44. 
  
  
  
  44.  
    45. 
  
  
  
  45. // Add Literal Control  
    46. 
  
  
  
  46.  
    47. 
  
  
  
  47. this.Controls.Add(new LiteralControl(" | "));  
    48. 
  
  
  
  48.  
    49. 
  
  
  
  49. // Add "Subtract" Button  
    50. 
  
  
  
  50.  
    51. 
  
  
  
  51. Button subtractButton = new Button();  
    52. 
  
  
  
  52. subtractButton.Text = "Subtract";  
    53. 
  
  
  
  53. subtractButton.Click += new EventHandler(this.SubtractBtn_Click);  
    54. 
  
  
  
  54. this.Controls.Add(subtractButton);  
    55. 
  
  
  
  55.  
    56. 
  
  
  
  56. }  
    57. 
  
  
  
  57.  
    58. 
  
  
  
  58. private void AddBtn_Click(Object sender, EventArgs e)  
    59. 
  
  
  
  59. {  
    60. 
  
  
  
  60. this.Value++;  
    61. 
  
  
  
  61. }  
    62. 
  
  
  
  62.  
    63. 
  
  
  
  63. private void SubtractBtn_Click(Object sender, EventArgs e)  
    64. 
  
  
  
  64. {  
    65. 
  
  
  
  65. this.Value--;  
    66. 
  
  
  
  66. }  
    67. 
  
  
  
  67. }  
    68. 
  
  
  
  68. } 
    69.

因为内部事件已经实现好了，所以比较简单，相信大家都看的懂。

再看复合控件的自定义事件,这里才是我们所要讲的重点.通常我们提倡在复合控件中采用冒泡法实现事件的上传,上一篇已经说过了,复合控件是一个树结构的控件,最典型的就是asp.net的数据邦定控件(特殊的复合控件)了如DataList,此控件有很多以Command结尾的事件,我们刚开始学这个控件的时候,总要考虑,如何在此控件中实现按钮事件,所采用的就是我们常说的"事件冒泡",当然还有另一种方法,应该说是普通的实现方法,asp.net服务器控件开发技术与示例称之为包含法,下面我们以例子来说明上面两种方法.

1.包含法

还是以微软的快速入门教程的代码为例.与上面的代码对比有几处变动,如下

注意粗体字,自定义事件为复合控件顶层的事件,而非其子控件button按钮的事件,button按钮的事件需调用顶层事件处理程序.即实现子控件事件上传的过程.

ASP.NET控件开发基础示例五

 
 
 
    
  
  
  
  1. //自定义事件  
    2. 
  
  
  
  2. public event EventHandler Change;  
    3. 
  
  
  
  3. //自定义事件处理程序  
    4. 
  
  
  
  4. protected void OnChange(EventArgs e) { Change(this, e); }  
    5. 
  
  
  
  5. //子控件事件处理程序调用顶层事件处理程序,此处需注意  
    6. 
  
  
  
  6. private void AddBtn_Click(Object sender, EventArgs e)   
    7. 
  
  
  
  7. { this.Value++; OnChange(EventArgs.Empty); }  
    8.

2.ASP.NET复合控件事件冒泡法

上面已经介绍过了,并且MSDN也已经作出了详细的解释,控件可以将其定义的事件上传到控件顶层,在引发事件时处理事件,了解冒泡法,你需要了解以下两个方法

 
 
 
    
  
  
  
  1. protected virtual bool OnBubbleEvent(  
    2. 
  
  
  
  2.    object source,  
    3. 
  
  
  
  3.    EventArgs args  
    4. 
  
  
  
  4. );  
    5. 
  
  
  
  5. protected void RaiseBubbleEvent(  
    6. 
  
  
  
  6.    object source,  
    7. 
  
  
  
  7.    EventArgs args   
    8. 
  
  
  
  8. ); 
    9.

RaiseBubbleEvent不可重写,用于向上传递数据

要引发冒泡事件，控件必重写 OnBubbleEvent 看OnBubbleEvent方法,看下面代码

你需要先熟悉一下CommandEventArgs,其为Command事件提供了数据,通过其可以访问控件命令名称和参数,并根据不同参数和名称触发不同事件.其下代码为上一篇登录控件例子实现事件冒泡的方法,具体代码可在***下载,且CreateChildControls方法中的触发事件的控件无须添加一个事件委托

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. addButton.Click += new EventHandler(this.AddBtn_Click);  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.   protected override bool OnBubbleEvent(object source, EventArgs e) {     
    5. 
  
  
  
  5.        bool handled = false;  
    6. 
  
  
  
  6.         if (e is CommandEventArgs) {  
    7. 
  
  
  
  7.             CommandEventArgs ce = (CommandEventArgs)e;  
    8. 
  
  
  
  8.            if (ce.CommandName == "Logon") {  
    9. 
  
  
  
  9.                OnLogon(EventArgs.Empty);  
    10. 
  
  
  
  10.                handled = true;     
    11. 
  
  
  
  11.                 }    
    12. 
  
  
  
  12.             }  
    13. 
  
  
  
  13.             return handled;              
    14. 
  
  
  
  14.         } 
    15.

你也可以为控件定义的事件定义事件冒泡,引发该时间则必须调用RaiseBubbleEvent,示例三就是具体的例子使用

 
 
 
    
  
  
  
  1. protected virtual void OnCommand(CommandEventArgs e) {  
    2. 
  
  
  
  2.      CommandEventHandler handler = (CommandEventHandler)Events[EventCommand];  
    3. 
  
  
  
  3.             if (handler != null)  
    4. 
  
  
  
  4.                 handler(this,e);  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.             // The Command event is bubbled up the control hierarchy.  
    7. 
  
  
  
  7.             RaiseBubbleEvent(this, e);  
    8. 
  
  
  
  8.         } 
    9.

本次讲的重点在于冒泡法的使用,但我却用很多篇幅介绍写前面的东西,主要目的是为了让大家用复合控件与非符合控件进行比较,总的来说复合控件为我们带来了便利,不用实现IPostBackEventHandler接口,简化了操作.如果大家熟悉事件回传机制,则不难了解冒泡法的使用.***还是要注意一点的是复合控件是一个树级的控件,即由子控件组成的一个控件,这次的例子很多都是直接取自书上和微软的教程上,只供大家参考吧.

好了,这次就写到这里,感觉这次写的并不是太好,望见谅,有错误请指出.

ASP.NET控件开发基础之复合控件事件处理的基本情况就向你介绍到这里，希望对你理解ASP.NET控件开发基础之复合控件事件有所帮助。

【编辑推荐】

  1. ASP.NET服务器控件之RenderContents应用示例
  2. ASP.NET控件开发基础之RenderContents使用浅析
  3. ASP.NET自定义控件属性浅析
  4. ASP.NET控件开发基础之自定义控件样式属性浅析
  5. ASP.NET控件开发基础之复合控件浅析

标题名称：ASP.NET控件开发基础之复合控件事件处理浅析
当前地址：http://www.shufengxianlan.com/qtweb/news13/203663.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

营销型网站建设知识

各行业网站

郫县网站建设　　 　网创优客　　 　重庆APP开发　　 　主机租用　　 　LED亮化工程　　 　成都恒翔机电维修　　 　成都标志设计　　 　网站建设策划方案　　 　航空文化传媒　　 　营销网站建设　　 　led背发光字　　 　重庆网站建设　　 　德阳定制网站建设　　 　广汉锦华建材　　 　响应式网站建设公司　　 　手机微信网站　　 　SSL证书　　 　西信中心　　 　成都枢纽中心　　 　企业网站设计