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

开发 后端
ASP.NET控件开发基础之自定义控件事件处理主要向你介绍控件的事件处理。

本次来介绍控件的事件处理. 我们知道Button控件有OnClick事件,DropDownList控件有SelectedIndexChanged事件.

ASP.NET控件开发基础之事件处理一.回发事件和客户端回发

下面来看一个最简单的例子

按钮单击事件

  1. protected void Button1_Click(object sender, EventArgs e)  
  2.     {  
  3.         Label1.Text = "你好: "+TextBox1.Text;  
  4.     } 

大家知道Web 服务器控件创建的按钮的类型有三种

1.Button

2.LinkButton

3.ImageButton

打开MSDN看到三个控件都继承IPostBackEventHandler接口

继承IPostBackEventHandler接口 

IPostBackEventHandler接口专门定义了处理回发事件的方法,说白了就是onclick事件,如果自定义控件需要处理回发事件,你就需要继承IPostBackEventHandler接口,然后实现接口的RaisePostBackEvent 方法,另外一个简单的方法就是直接继承Button控件就可以了.

RaisePostBackEvent方法用于处理窗体发送给服务器时引发的事件,方法中有一个参数eventArgument 表示要传递到事件处理程序的可选事件参数的 String

下面总结处理回发事件,必须要做的步骤

(1)继承并实现IPostBackEventHandler接口的RaisePostBackEvent方法

(2)为表单元素定义UniqueID,以与IPostBackEventHandler服务器控件的UniqueID相对应

相应实现代码如下

示例一

  1. namespace CustomControls  
  2. {  
  3.     public class SuperButton1 : Control, IPostBackEventHandler  
  4.     {  
  5.         // 声明Click事件委托  
  6.         public event EventHandler Click;  
  7.  
  8.         // 定义OnClick事件处理程序  
  9.         protected virtual void OnClick(EventArgs e)  
  10.         {  
  11.             if (Click != null)  
  12.             {  
  13.                 Click(this, e);  
  14.             }  
  15.         }  
  16.  
  17.         // 实现RaisePostBackEvent方法,处理回发事件  
  18.         public void RaisePostBackEvent(string eventArgument)  
  19.         {  
  20.             OnClick(EventArgs.Empty);  
  21.         }  
  22.  
  23.         protected override void Render(HtmlTextWriter output)  
  24.         {  
  25.             output.Write("﹤INPUT TYPE=submit name=" + this.UniqueID +  
  26.                " Value='确定' /﹥");  
  27.         }  
  28.     }  

如果你不熟悉委托的话,可以参考一篇叫一个C#睡前故事的文章

EventArgs.Empty表示没有事件数据的事件,不要跟我以前一样认为是一个空的事件,当时就很郁闷,干什么要触发空事件呢,都是因为没看清楚Empty字段的意思,以为就为空的意思了.

EventArgs.Empty等同于EventArgs类的构造函数,等同于new EventArgs()

注意还在呈现控件的name属性加了UniqueID.

好了,现在你可以测试下了.

  1. protected void SuperButton1_1_Click(object sender, EventArgs e)  
  2.     {  
  3.         Label1.Text = "你点击了此按钮";  
  4.     } 

这样你就成功定义了一个处理回发事件的控件. 假设你在页面上多次使用这个控件,编译器将为每个事件委托实例生成一个字段。如果事件的数目很大,则一个委托一个字段的存储成本可能无法接受。.所以推荐采用另外一种优化的事件实现

EventHandlerList 类提供一个简单的委托列表来添加和删除委托,下面来看看更改后的代码,

AddHandler有两个参数事件对象和添加的委托,在OnClick事件中必须显示将委托转换为EventHandler类型

示例二

  1. using System;  
  2. using System.Web.UI;  
  3.  
  4. namespace CustomComponents  
  5. {  
  6.     public class SuperButton2 : Control, IPostBackEventHandler  
  7.     {  
  8.         // 声明Click事件委托  
  9.         private static readonly object ClickKey = new object();  
  10.  
  11.         public event EventHandler Click  
  12.         {  
  13.             add  
  14.             {  
  15.                 Events.AddHandler(ClickKey, value);  
  16.             }  
  17.             remove  
  18.             {  
  19.                 Events.RemoveHandler(ClickKey, value);  
  20.             }  
  21.         }  
  22.  
  23.         // 定义OnClick事件处理程序  
  24.         protected virtual void OnClick(EventArgs e)  
  25.         {  
  26.             EventHandler clickEventDelegate =  
  27.                (EventHandler)Events[ClickKey];  
  28.             if (clickEventDelegate != null)  
  29.             {  
  30.                 clickEventDelegate(this, e);  
  31.             }  
  32.         }  
  33.  
  34.         // 实现RaisePostBackEvent方法,处理回发事件  
  35.         public void RaisePostBackEvent(string eventArgument)  
  36.         {  
  37.             OnClick(new EventArgs());  
  38.         }  
  39.  
  40.         protected override void Render(HtmlTextWriter output)  
  41.         {  
  42.             output.Write("﹤INPUT TYPE=submit name=" + this.UniqueID +  
  43.                " Value='确定' /﹥");  
  44.         }  
  45.     }  

下面再来说下客户端回发事件,在HTML窗体元素中只有Button按钮和ImageButton才可以引起窗体回发.

但如LinkButton链接按钮控件要希望启动回发的话,则要依赖客户端脚本的事件机制来实现其功能.

在asp.net2.0中,button控件多了一个UseSubmitBehavior 属性,指示 Button 控件使用客户端浏览器的提交机制(客户端回发)还是 ASP.NET 回发机制,默认采用回发机制,如果设置为false的话,则需要调用GetPostBackEventReference 方法来返回 Button 的客户端回发事件

当设置UseSubmitBehavior 属性为flase时,你运行页面时,则会发现一段自动生成的javascript代码

LinkButton也一样,再看下面例子,定义了枚举,定义button按钮和链接按钮,大家在测试的时候,打开源代码就会发现不同效果

示例三

  1. using System;  
  2. using System.Web.UI;  
  3. using System.Web.UI.WebControls;  
  4. using System.ComponentModel;  
  5. namespace CustomComponents  
  6. {  
  7.     public enum ButtonDisplay  
  8.     {  
  9.         Button = 0,  
  10.         Hyperlink = 1  
  11.     }  
  12.  
  13.     [ToolboxData("﹤{0}:SuperButton3 runat=server﹥﹤/{0}:SuperButton3﹥")]  
  14.     public class SuperButton3 : Control, IPostBackEventHandler  
  15.     {  
  16.         public virtual ButtonDisplay Display  
  17.         {  
  18.             get 
  19.             {  
  20.                 object display = ViewState["Display"];  
  21.                 if (display == null)  
  22.                     return ButtonDisplay.Button;  
  23.                 else 
  24.                     return (ButtonDisplay)display;  
  25.             }  
  26.             set 
  27.             {  
  28.                 ViewState["Display"] = value;  
  29.             }  
  30.         }  
  31.  
  32.         public virtual string Text  
  33.         {  
  34.             get 
  35.             {  
  36.                 object text = ViewState["Text"];  
  37.                 if (text == null)  
  38.                     return string.Empty;  
  39.                 else 
  40.                     return (string)text;  
  41.             }  
  42.             set 
  43.             {  
  44.                 ViewState["Text"] = value;  
  45.             }  
  46.         }  
  47.  
  48.         private static readonly object ClickKey = new object();  
  49.  
  50.         public event EventHandler Click  
  51.         {  
  52.             add  
  53.             {  
  54.                 Events.AddHandler(ClickKey, value);  
  55.             }  
  56.             remove  
  57.             {  
  58.                 Events.RemoveHandler(ClickKey, value);  
  59.             }  
  60.         }  
  61.  
  62.         protected virtual void OnClick(EventArgs e)  
  63.         {  
  64.             EventHandler clickEventDelegate =  
  65.                (EventHandler)Events[ClickKey];  
  66.             if (clickEventDelegate != null)  
  67.             {  
  68.                 clickEventDelegate(this, e);  
  69.             }  
  70.         }  
  71.  
  72.         public void RaisePostBackEvent(string argument)  
  73.         {  
  74.               
  75.             OnClick(EventArgs.Empty);  
  76.         }  
  77.  
  78.         override protected void Render(HtmlTextWriter writer)  
  79.         {  
  80.             base.Render(writer);  
  81.             Page.VerifyRenderingInServerForm(this);  
  82.  
  83.             if (Display == ButtonDisplay.Button)  
  84.             {  
  85.                 writer.Write("﹤INPUT type=\"submit\"");  
  86.                 writer.Write(" name=\"" + this.UniqueID + "\"");  
  87.                 writer.Write(" id=\"" + this.UniqueID + "\"");  
  88.                 writer.Write(" value=\"" + Text + "\"");  
  89.                 writer.Write(" /﹥");  
  90.             }  
  91.             else if (Display == ButtonDisplay.Hyperlink)  
  92.             {  
  93.                 writer.Write("﹤A href=\"");  
  94.                 writer.Write(Page.GetPostBackClientHyperlink(this""));  
  95.                 writer.Write("\"﹥" + Text + "﹤/A﹥");  
  96.             }  
  97.         }  
  98.     }  

如果大家本来就学过这方面的知识,看了心里还有谱,如果没有的话,里面有些方法不熟悉的话,还是要多看看MSDN. 说通俗点,回发事件可以就理解为按钮单击事件,而按钮又分两种不同的回发事件方法,这样讲的话,更容易让人接受,而上面所讲的就是实现按钮单击事件实现的方法.

ASP.NET控件开发基础之事件处理二.数据回发事件

好了,接着再讲数据回发.跟上面讲的事件回发有点不同.

下面也举一个简单的例子,看下图,有两个DropDownList,一个开启AutoPostBack,一个没有开启,再接着看下面简单的代码,***个DropDownList,改变下拉框值时,label没显示,按确定按钮后则显示label,第二个DropDownList改变下拉框值时就显示了label,因为开启了AutoPostBack.这个大家都明白吧.

开启AutoPostBack 

  1. protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)  
  2.    {  
  3.        Label2.Text = "你选择了:  " + DropDownList1.SelectedItem.Text;  
  4.    }  
  5.    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)  
  6.    {  
  7.        Label1.Text = "你选择了:  " + DropDownList2.SelectedItem.Text;  
  8.    } 

以上实现的原理就是在SelectedIndexChanged事件里,判断旧值和新值的比较(比较数据),如果发生变化,则引发事件,数据回发就是实现这样的事件.再重新整理一下思路,明白何时会引发SelectedIndexChanged事件

在选择下拉框值时,如果选的值跟原来的值相同,则不触发事件,如果选的值跟原来的值不同的话则触发SelectedIndexChanged事件(还是旧值和新值的比较).

打开MSDN文档查看DropDownList 类,则发现其继承了 IPostBackDataHandler 接口,我的意思就是说想要实现Change这样的事件,就要继承其接口.看看MSDN对此接口的定义

IPostBackDataHandler 接口
定义 ASP.NET 服务器控件为自动加载回发数据而必须实现的方法。

LoadPostData 方法  根据服务器控件的状态由于回发而发生更改做出判断是否调用RaisePostDataChangedEvent 方法,返回true则调用(就是旧值和新值不同的时候)

RaisePostDataChangedEvent 方法用于引发任何更改事件

以下的例子实现了如同textbox的TextChanged事件

postDataKey表示控件内部数据的关键值,postCollection表示所有传入名称值的集合,其采用索引的方式来访问

  1. using System;  
  2. using System.Web;  
  3. using System.Web.UI;  
  4. using System.Collections.Specialized;  
  5. using System.ComponentModel;  
  6.  
  7. namespace CustomComponents  
  8. {  
  9.     [ToolboxData("﹤{0}:Textbox1 runat=server﹥﹤/{0}:Textbox1﹥"),  
  10.     DefaultProperty("Text")]  
  11.     public class Textbox1 : Control, IPostBackDataHandler  
  12.     {  
  13.         public string Text  
  14.         {  
  15.             get 
  16.             {  
  17.                 object text = ViewState["Text"];  
  18.                 if (text == null)  
  19.                     return string.Empty;  
  20.                 else 
  21.                     return (string)text;  
  22.             }  
  23.             set 
  24.             {  
  25.                 ViewState["Text"] = value;  
  26.             }  
  27.         }  
  28.  
  29.         public bool LoadPostData(string postDataKey,  
  30.            NameValueCollection postCollection)  
  31.         {  
  32.             string postedValue = postCollection[postDataKey];  
  33.             //检查新旧数据  
  34.             if (!Text.Equals(postedValue))  
  35.             {  
  36.                 Text = postedValue;  
  37.                 return true;  
  38.                 //自动调用RaisePostDataChangedEvent()  
  39.             }  
  40.             else 
  41.                 return false;  
  42.             //不发生变化  
  43.         }  
  44.         public void RaisePostDataChangedEvent()  
  45.         {  
  46.             OnTextChanged(EventArgs.Empty);  
  47.         }  
  48.  
  49.         protected virtual void OnTextChanged(EventArgs e)  
  50.         {  
  51.             if (TextChanged != null)  
  52.                 TextChanged(this, e);  
  53.         }  
  54.  
  55.         public event EventHandler TextChanged;  
  56.  
  57.         override protected void Render(HtmlTextWriter writer)  
  58.         {  
  59.             base.Render(writer);  
  60.             Page.VerifyRenderingInServerForm(this);  
  61.             writer.Write("﹤INPUT type=\"text\" name=\"");  
  62.             writer.Write(this.UniqueID);  
  63.             writer.Write("\" value=\"" + this.Text + "\" /﹥");  
  64.         }  
  65.     }  

上面实现的方法如同button的onclick事件,其实不然,而是通过回发数据的新旧数据进行判断,我在示例代码中加了另外一个例子,这里就不列出了,大家可以下载后再去看,看了就明白不是button的onclick事件了.

本次主要讲了三个基础的事件处理

(1)捕获回发事件

(2)用于回调的客户端脚本

(3)处理回发数据

以下两个接口需要你慢慢的熟悉和使用

IPostBackEventHandler接口和IPostBackDataHandler 接口.

想到Button按钮就要想到IPostBackEventHandler接口,想要textbox,dropdownlist一些change事件则要想要IPostBackDataHandler 接口,如果结合起来,再自己思考的话,会明白的更深刻.

可能很多地方我也没表达清楚,跟别人讲的很多重复了,但还要拿出来分享下,这样也可以提高自己.***还望大家如果看到有什么错误,请指出.

ASP.NET控件开发基础之事件处理的讲解就到这里,希望对你了解ASP.NET控件开发基础中的事件处理有所帮助。

【编辑推荐】

  1. ASP.NET控件开发基础之自定义控件浅析
  2. ASP.NET服务器控件Render方法的使用浅析
  3. ASP.NET服务器控件开发之实现事件浅析
  4. ASP.NET服务器控件之处理回传数据浅析
  5. ASP.NET服务器控件之捕获回传事件浅析
责任编辑:仲衡 来源: 博客园
相关推荐

2009-08-06 18:32:00

ASP.NET控件开发ASP.NET复合控件

2009-08-06 18:18:27

ASP.NET控件开发ASP.NET复合控件

2009-08-10 15:26:46

ASP.NET组件编程

2009-08-07 15:24:16

ASP.NET模板控件

2009-08-06 09:18:01

ASP.NET自定义控ASP.NET控件开发

2009-08-07 15:34:15

ASP.NET数据绑定

2009-08-06 10:49:45

ASP.NET服务器控

2009-07-27 17:25:53

ASP.NET验证控件

2009-08-07 09:33:23

ASP.NET控件开发

2009-07-28 09:32:41

ASP.NET自定义控

2009-08-06 15:21:45

ASP.NET控件开发RenderConte

2009-08-06 17:52:45

ASP.NET控件开发自定义控件

2009-08-07 14:05:21

ASP.NET控件

2009-08-07 17:49:44

控件设计器

2009-09-09 12:35:00

ASP.NET回车提交回车提交事件

2009-08-05 18:46:21

ComboBox显示ASP.NET控件开发

2009-08-07 14:42:02

ASP.NET控件开发

2009-08-07 16:32:52

ASP.NET控件设计时支

2009-08-07 17:59:35

控件设计器

2009-08-04 15:20:59

ASP.NET数据验证数据验证控件
点赞
收藏

51CTO技术栈公众号