Asp.net自定义控件开发任我行（7）-注册自定义事件

摘要

　　前面我们已经把嵌入资源讲完了，不知道大家有没有得到收益，本章主要讲自定义事件，也就是给TextBox注册一个点击事件.

引言

　　不知道道上的朋友有没有注意到TextBox控件没有点击事件，就连网上非常火爆的Devexpress重写的AspxTextBox控件也没有点击事件，需要触发点击事件的时候，每次都需要用JS来做手脚，但如果某些操作涉及到页面回发（PostBack）呢？这时我就需要把TextBox扩展一下，给TextBox注册一个Click回发事件。

内容

　　大家都知道Button可以点击，ImageButton可以点击，他们之所以可以点击，是因为他们实现了IPostBackEventHandler接口,此接口用于处理Click事件回发。

　　1.继承IPostBackEventHandler接口

　　2.声明Click事件，base.Events其实是一个EventHandlerList事件链表，可以动态的添加和移除事件。　　

　　　　　private static readonly object EventClick = new object();//键值对象，指明点击事件，名称随便取

        [Description("点击文本框时发生"), Category("Action")]

        public event EventHandler Click

        {

            add

            {

                base.Events.AddHandler(EventClick, value);

            }

            remove

            {

                base.Events.RemoveHandler(EventClick, value);

            }

        }

　　3.编写事件触发方法OnClick，任何事件都会有一个触发方法，就像打架一样，是有导火线的。　　

        protected virtual void OnClick(EventArgs e)

        {

            EventHandler handler = (EventHandler)base.Events[EventClick];

            if (handler != null)

            {

                handler(this, e);

            }

        }

这里通过EventHandler handler = (EventHandler)base.Events[EventClick]，从链表中取出上面声明好的Click事件。如果这个导火线不为空，则触发事件。
　　4.显式实现IPostBackEventHandler接口，this.OnClick(new EventArgs())可以写成EventArgs.Empty

      　void IPostBackEventHandler.RaisePostBackEvent(string eventArgument)

        {

            this.OnClick(new EventArgs());

        }

我们看看EventArgs这个类底层的东西，由下面的代码，我们可以清晰的了解到EventArgs.Empty和new EventArgs()是等价的。

namespace System

{

    using System.Runtime.InteropServices;

    [Serializable, ComVisible(true), __DynamicallyInvokable]

    public class EventArgs

    {

        [__DynamicallyInvokable]

        public static readonly EventArgs Empty = new EventArgs();

    }

}

　　那么页面类（客户端）到底通过什么手段产生回发的呢？
　　5.我们页面类中有一个方法GetPostBackEventReference（Control c）通过这个方法产生回发，并与服务器通信，开始另一个页面生命周期，记住每个回发，都是一个页面生命周，所谓的页面生命周期其实就是浏览器发送一个请求到服务器端，服务器端接收到请求后进行处理（19个委托通信管道），并将控件重新呈现到浏览器上。现在，我们来修改OnPreRender方法，调用GetPostBackEventReference方法。

        protected override void OnPreRender(EventArgs e)

        {

 　　　　　　 base.OnPreRender(e);
            //如果文件已经被加载了，就不用重复加载

            if (!this.Page.ClientScript.IsClientScriptIncludeRegistered(this.GetType(),"XYB.Controls.JS.dropDwon.js"))

            {

                #region  加载嵌入资源.css文件

                //加载嵌入资源.css文件

                string cssHref = this.Page.ClientScript.GetWebResourceUrl(this.GetType(), "XYB.Controls.CSS.dropDwon.css");

                string cssLink = string.Format("<link href='{0}' rel='stylesheet' type='text/css' />", cssHref);

                LiteralControl litLink = new LiteralControl(cssLink);

                litLink.ID = "XYB_Controls_dropDwonCss";

                this.Page.Header.Controls.Add(litLink);

                #endregion

                //加载嵌入资源.js文件

                 this.Page.ClientScript.RegisterClientScriptResource(this.GetType(), "XYB.Controls.JS.dropDwon.js");

               // this.Attributes["onclick"] = "dropDwonClick()";//给文本框注册点击事件

                //调用GetPostBackEventReference方法，产生页面回发。

                this.Attributes["onclick"] = this.Page.GetPostBackEventReference(this);

            }

        }

6.重新生成，TextEditUI.aspx页面修改为

 <XYB:DropDwonCheckList ID="DropDwonCheckList1" runat="server"

        onclick="DropDwonCheckList1_Click"></XYB:DropDwonCheckList>

7.TextEditUI.aspx.cs页面修改为

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace XYB.UI

{

    public partial class TextEditUI : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void DropDwonCheckList1_Click(object sender, EventArgs e)

        {

            ClientScript.RegisterClientScriptBlock(this.GetType(),"","alert('我点击了，并产生了回发!!')",true);

        }

    }

}

8.运行看一下效果。注意画戏线的地方，没点击之前，和点击之后的不同

由此我们可以100%断定产生了回发，还有我们点击文本框时，下拉框没有出来，由此也可以断定页面回发，重新开始了一个生命周期，其实我们的文本框是显示出来了，只是进行回发的时候，下拉框默认是隐藏的，所以最后呈现的时候文本框又被隐藏掉了，整个过程那么快，不是火眼金是看到不效果的。解决办法就是在DropDwonCheckList.cs类里修改代码，添加属性DropDwonDisplay记录下拉框Display状态，那些逻辑代码我在这里不想写，我本章着重讲注册事件，现在可以说大功告成，那点逻辑代码留给大家发挥。

我们其实可以不用注册Click事件的，我们编程的理念是能不产生回发的，就尽量避免回发，回发的代价太大。为了后期的工作进行下去，我们还是用js操作下拉吧，把OnPreRender方法还原，其实就修改了onclick属性，不过此时Click事件还在，只是不会吧触发而已，可以留在那里，也可以删掉或者注释掉。

 protected override void OnPreRender(EventArgs e)

        {

 　　　　　　 base.OnPreRender(e);
            //如果文件已经被加载了，就不用重复加载

            if (!this.Page.ClientScript.IsClientScriptIncludeRegistered(this.GetType(),"XYB.Controls.JS.dropDwon.js"))

            {

                #region  加载嵌入资源.css文件

                //加载嵌入资源.css文件

                string cssHref = this.Page.ClientScript.GetWebResourceUrl(this.GetType(), "XYB.Controls.CSS.dropDwon.css");

                string cssLink = string.Format("<link href='{0}' rel='stylesheet' type='text/css' />", cssHref);

                LiteralControl litLink = new LiteralControl(cssLink);

                litLink.ID = "XYB_Controls_dropDwonCss";

                this.Page.Header.Controls.Add(litLink);

                #endregion

                //加载嵌入资源.js文件

                this.Page.ClientScript.RegisterClientScriptResource(this.GetType(), "XYB.Controls.JS.dropDwon.js");

                this.Attributes["onclick"] = "dropDwonClick()";//给文本框注册点击事件

                //调用GetPostBackEventReference方法，产生页面回发。

                //this.Attributes["onclick"] = this.Page.GetPostBackEventReference(this);

           }

        }

运行再来看效果、看看，没有产生回发吧

下集预告

　　绑定数据集，当绑定数据集的时候，自动生成CheckItem，也就是下拉的选项

巴特西

Asp.net自定义控件开发任我行（7）-注册自定义事件

摘要

引言

内容

下集预告

最新文章

热门文章