一起谈.NET技术，asp.net控件开发基础(3)

　　本次来介绍控件的事件处理. 我们知道Button控件有OnClick事件,DropDownList控件有SelectedIndexChanged事件.
　　一.回发事件和客户端回发
　　下面来看一个最简单的例子，按钮单击事件



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


　　RaisePostBackEvent方法用于处理窗体发送给服务器时引发的事件,方法中有一个参数eventArgument 表示要传递到事件处理程序的可选事件参数的 String
下面总结处理回发事件,必须要做的步骤　：


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


　　(2)为表单元素定义UniqueID,以与IPostBackEventHandler服务器控件的UniqueID相对应。 相应实现代码如下
示例一






namespace CustomControls
{
public class SuperButton1 : Control, IPostBackEventHandler
    {
// 声明Click事件委托
        public event EventHandler Click;


// 定义OnClick事件处理程序
        protected virtual void OnClick(EventArgs e)
        {
if (Click != null)
            {
                Click(this, e);
            }
        }


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


protected override void Render(HtmlTextWriter output)
        {
            output.Write("<INPUT TYPE=submit name=" + this.UniqueID +
" Value='确定' />");
        }
    }
}


　　如果你不熟悉委托的话,可以参考一篇叫一个C#睡前故事的文章 。EventArgs.Empty表示没有事件数据的事件,不要跟我以前一样认为是一个空的事件,当时就很郁闷,干什么要触发空事件呢,都是因为没看清楚Empty字段的意思,以为就为空的意思了。EventArgs.Empty等同于EventArgs类的构造函数,等同于new EventArgs()。


　　注意还在呈现控件的name属性加了UniqueID，好了,现在你可以测试下了.




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


　　这样你就成功定义了一个处理回发事件的控件. 假设你在页面上多次使用这个控件,编译器将为每个事件委托实例生成一个字段。如果事件的数目很大，则一个委托一个字段的存储成本可能无法接受。.所以推荐采用另外一种优化的事件实现。EventHandlerList 类提供一个简单的委托列表来添加和删除委托,下面来看看更改后的代码，AddHandler有两个参数事件对象和添加的委托,在OnClick事件中必须显示将委托转换为EventHandler类型



示例二






using System;
using System.Web.UI;


namespace CustomComponents
{
public class SuperButton2 : Control, IPostBackEventHandler
    {
// 声明Click事件委托
        private static readonly object ClickKey = new object();


public event EventHandler Click
        {
            add
            {
                Events.AddHandler(ClickKey, value);
            }
            remove
            {
                Events.RemoveHandler(ClickKey, value);
            }
        }


// 定义OnClick事件处理程序
        protected virtual void OnClick(EventArgs e)
        {
            EventHandler clickEventDelegate =
               (EventHandler)Events[ClickKey];
if (clickEventDelegate != null)
            {
                clickEventDelegate(this, e);
            }
        }


// 实现RaisePostBackEvent方法,处理回发事件
        public void RaisePostBackEvent(string eventArgument)
        {
            OnClick(new EventArgs());
        }


protected override void Render(HtmlTextWriter output)
        {
            output.Write("<INPUT TYPE=submit name=" + this.UniqueID +
" Value='确定' />");
        }
    }
}


下面再来说下客户端回发事件,在HTML窗体元素中只有Button按钮和ImageButton才可以引起窗体回发。但如LinkButton链接按钮控件要希望启动回发的话,则要依赖客户端脚本的事件机制来实现其功能。


 


　　在asp.net2.0中,button控件多了一个UseSubmitBehavior 属性,指示 Button 控件使用客户端浏览器的提交机制(客户端回发)还是 ASP.NET 回发机制,默认采用回发机制,如果设置为false的话,则需要调用GetPostBackEventReference 方法来返回 Button 的客户端回发事件。当设置UseSubmitBehavior 属性为flase时,你运行页面时,则会发现一段自动生成的javascript代码，LinkButton也一样,再看下面例子,定义了枚举,定义button按钮和链接按钮,大家在测试的时候,打开源代码就会发现不同效果。


示例三






using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;
namespace CustomComponents
{
public enum ButtonDisplay
    {
        Button = 0,
        Hyperlink = 1
    }


[ToolboxData("<{0}:SuperButton3 runat=server></{0}:SuperButton3>")]
public class SuperButton3 : Control, IPostBackEventHandler
    {
public virtual ButtonDisplay Display
        {
get
            {
object display = ViewState["Display"];
if (display == null)
return ButtonDisplay.Button;
else
return (ButtonDisplay)display;
            }
set
            {
                ViewState["Display"] = value;
            }
        }


public virtual string Text
        {
get
            {
object text = ViewState["Text"];
if (text == null)
return string.Empty;
else
return (string)text;
            }
set
            {
                ViewState["Text"] = value;
            }
        }


private static readonly object ClickKey = new object();


public event EventHandler Click
        {
            add
            {
                Events.AddHandler(ClickKey, value);
            }
            remove
            {
                Events.RemoveHandler(ClickKey, value);
            }
        }


protected virtual void OnClick(EventArgs e)
        {
            EventHandler clickEventDelegate =
               (EventHandler)Events[ClickKey];
if (clickEventDelegate != null)
            {
                clickEventDelegate(this, e);
            }
        }


public void RaisePostBackEvent(string argument)
        {


OnClick(EventArgs.Empty);
        }


override protected void Render(HtmlTextWriter writer)
        {
base.Render(writer);
            Page.VerifyRenderingInServerForm(this);


if (Display == ButtonDisplay.Button)
            {
                writer.Write("<INPUT type=\"submit\"");
                writer.Write(" name=\"" + this.UniqueID + "\"");
                writer.Write(" id=\"" + this.UniqueID + "\"");
                writer.Write(" value=\"" + Text + "\"");
                writer.Write(" />");
            }
else if (Display == ButtonDisplay.Hyperlink)
            {
                writer.Write("<A href=\"");
                writer.Write(Page.GetPostBackClientHyperlink(this, ""));
                writer.Write("\">" + Text + "</A>");
            }
        }
    }
}


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



　　二.数据回发事件


　　好了,接着再讲数据回发.跟上面讲的事件回发有点不同，下面也举一个简单的例子,看下图,有两个DropDownList,一个开启AutoPostBack,一个没有开启,再接着看下面简单的代码,第一个DropDownList,改变下拉框值时,label没显示,按确定按钮后则显示label,第二个DropDownList改变下拉框值时就显示了label,因为开启了AutoPostBack.这个大家都明白吧。






protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label2.Text = "你选择了:  " + DropDownList1.SelectedItem.Text;
    }
protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label1.Text = "你选择了:  " + DropDownList2.SelectedItem.Text;
    }


　　以上实现的原理就是在SelectedIndexChanged事件里,判断旧值和新值的比较(比较数据),如果发生变化,则引发事件,数据回发就是实现这样的事件.再重新整理一下思路,明白何时会引发SelectedIndexChanged事件
在选择下拉框值时,如果选的值跟原来的值相同,则不触发事件,如果选的值跟原来的值不同的话则触发SelectedIndexChanged事件(还是旧值和新值的比较)。


　　打开MSDN文档查看DropDownList 类,则发现其继承了 IPostBackDataHandler 接口,我的意思就是说想要实现Change这样的事件,就要继承其接口.看看MSDN对此接口的定义IPostBackDataHandler 接口 
定义 ASP.NET 服务器控件为自动加载回发数据而必须实现的方法。
　　LoadPostData 方法  根据服务器控件的状态由于回发而发生更改做出判断是否调用RaisePostDataChangedEvent 方法,返回true则调用(就是旧值和新值不同的时候)。


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


　　以下的例子实现了如同textbox的TextChanged事件，postDataKey表示控件内部数据的关键值,postCollection表示所有传入名称值的集合,其采用索引的方式来访问






using System;
using System.Web;
using System.Web.UI;
using System.Collections.Specialized;
using System.ComponentModel;


namespace CustomComponents
{
    [ToolboxData("<{0}:Textbox1 runat=server></{0}:Textbox1>"),
    DefaultProperty("Text")]
public class Textbox1 : Control, IPostBackDataHandler
    {
public string Text
        {
get
            {
object text = ViewState["Text"];
if (text == null)
return string.Empty;
else
return (string)text;
            }
set
            {
                ViewState["Text"] = value;
            }
        }


public bool LoadPostData(string postDataKey,
           NameValueCollection postCollection)
        {
string postedValue = postCollection[postDataKey];
//检查新旧数据
            if (!Text.Equals(postedValue))
            {
                Text = postedValue;
return true;
//自动调用RaisePostDataChangedEvent()
            }
else
return false;
//不发生变化
        }
public void RaisePostDataChangedEvent()
        {
            OnTextChanged(EventArgs.Empty);
        }


protected virtual void OnTextChanged(EventArgs e)
        {
if (TextChanged != null)
                TextChanged(this, e);
        }


public event EventHandler TextChanged;


override protected void Render(HtmlTextWriter writer)
        {
base.Render(writer);
            Page.VerifyRenderingInServerForm(this);
            writer.Write("<INPUT type=\"text\" name=\"");
            writer.Write(this.UniqueID);
            writer.Write("\" value=\"" + this.Text + "\" />");
        }
    }
}


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

　　(1)捕获回发事件

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

　　(3)处理回发数据

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


　　IPostBackEventHandler接口

　　IPostBackDataHandler 接口

　　想到Button按钮就要想到IPostBackEventHandler接口,想要textbox,dropdownlist一些change事件则要想要IPostBackDataHandler 接口,如果结合起来,再自己思考的话,会明白的更深刻。可能很多地方我也没表达清楚,跟别人讲的很多重复了,但还要拿出来分享下,这样也可以提高自己.最后还望大家如果看到有什么错误,请指出.


上一篇：asp.net控件开发基础(2)


下一篇：asp.net控件开发基础(4)
				


				
时间： 2024-10-02 14:49:36

		
		


		


	

	
	

		


		
一起谈.NET技术，asp.net控件开发基础(3)的相关文章


						

		

			

                一起谈.NET技术，asp.net控件开发基础(15)
			

		

		

									

				继续我们的话题吧.自定义控件.如果你还不熟悉自定义控件开发的话,还请看看我以前写了几篇,希望对你有帮助 1.1何处继承 自定义控件一般从以下几个基类(此处不包含数据控件) 一.Control类(所有服务器控件的基类,算是比较底层的类,如果控件功能比较简单,要求不多,可直接继承此类.) 二.WebControl类(标准控件的基类,继承此类,你可以继承其丰富的公共属性,若标准控件中的控件没有你需要的控件,你可以继承此类) 三.CompositeControl 类(2.0新增的类,此类继承自WebCo			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(13)
			

		

		

									

				1.减轻服务器压力,增加用户体验 服务器功能是强大的,客户端脚本一点也不弱,现在的ajax技术和Atlas技术就是最好的证明,我们总是期待UI有一个好的效果,flash动画给我们带来了很酷的效果,我们至少也可以为我们的服务器控件添加客户端脚本,一方面减少了服务器端的回传,一方面又能为控件提供非常酷的效果.我想我们都很喜欢ATLAS里面很多很酷的控件吧,而且无刷新,服务器控件与客户端脚本交互使用,那会服务器控件变的更加完美. 经过上面的废话,下面我们进入正题 2.简单为服务器控件添加客户端脚本 我			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(8)
			

		

		

									

				有一些复合控件直接把按钮触发事件所需的事情封装好,另外一种则是自定义事件,更具灵活性,当然这是根据需要设计的.以下会以例子来说明的.下面我们假设我们控件中有两个按钮.以下不列出所有代码,具体可在文章最后下载代码. (1) 直接实现按钮事件 在控件中(以下代码并非实现复合控件)直接实现事件则无需自定义事件,如下代码(如果对数据回传有些不熟悉的话,可先看第三篇,希望对你有帮助) 示例一(只列出局部代码,具体可在文章最后下载代码) void IPostBackEventHandler.RaisePos			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(2)
			

		

		

									

				或许大家还对为何要重写Render方法存有疑惑,希望大家看看我举的例子,能够明白Render方法和其他两个方法的作用,然后真正明白为何一般情况下只须重写Render方法.我们知道我们每次编写控件时,都需要重写Render方法,我们发现在Control类中很多方法可以重写,但我们没有去重写他们,我们需要遵循一个原则,在需要重载的时候再去重写他们 我们还是先来看看与Render方法相关的两个方法 //RenderControl方法的基本实现 public void RenderControl(Htm			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(22)
			

		

		

									

				上两篇讨论了如何定义结合数据源控件的数据绑定控件.这次我们一起来看下数据源控件是如何实现的.asp.net2.0已经为我们提供了很多数据源控件,相信大家都用过了,也希望大家对其有所熟悉.关于它能做什么就不说了.下面我们也一起来看看,如何简单的实现. 一.你必须了解的 1.关于数据源控件(DataSourceControl) 虽然表面看来,给数据绑定控件指定DataSourceID属性,数据源控件帮你做了一切工作,其实不然,数据源控件只负责收集与数据交互的相关信息,如:SqlDataSource的			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(18)
			

		

		

									

				本篇继续上篇的讨论,可能大家已经在使用asp.net2.0了,DataSource属性不再使用,而是跟数据源控件搭配使用.现在讨论的绑定技术都是基于1.1版本,先熟悉一下,本质上是一样的,这样一步步的学习.对以后绝对有帮助.因为当你使用数据源控件,只需要设置一个DataSourceID,方便的同时你是否知道数据源控件帮你做了什么事情,如果你想觉的够用了,可以不用了解,但我相信你一定会有需求.上篇最后说过了,讨论还刚刚开始,我们大致把核心的方法都写出来了.下面我们继续. 一.控件对比 我们可以使用			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(17)
			

		

		

									

				本篇将开始介绍如自定义数据绑定控件,这里感谢很多人的支持,有你们的支持很高兴.这里首先需要大家熟悉asp.net模板控件的使用,还有自定义模板控件.因为数据绑定控件多是基于模板控件的. 一.回顾 如果你使用过asp.net内置的数据控件(如DataList,Repeater),你一定会这么做 1.设置数据源 DataSource属性 2.调用数据绑定  DataBind方法 3.在控件的不同模板内使用绑定语法显示数据 这三步应该是必须要做的 其他更多的 你可能需要对绑定的数据进行统一的一些操作(			

		

	

				

		

			

                一起谈.NET技术，asp.net控件开发基础(10)
			

		

		

									

				集合属性相信大家都很熟悉也很常用,如DropDownList,ListBox等控件 <asp:DropDownList ID="DropDownList1" runat="server">            <asp:ListItem>测试1</asp:ListItem>            <asp:ListItem>测试2</asp:ListItem>            <asp:Lis			

		

	

						

		

			

                一起谈.NET技术，asp.net控件开发基础(1)
			

		

		

									

				asp.net本身提供了很多控件,提供给我们这些比较懒惰的人使用,我认为控件的作用就在此,因为我们不想重复工作,所以要创建它,这个本身便是一个需求的关系,所以学习控件开发很有意思. wrox网站上有本书 Professional ASP.NET 2.0 Server Control and Component Development,现在还没有出版,但网站上放出了代码,所以正好下载过来学习一下. 我看过前几章代码,环环相扣,作者用不同的知识向我们展示同一个效果,所以循序渐进的学下来很有好处.虽然