• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 摘要

  前面我们已经把嵌入资源讲完了,不知道大家有没有得到收益,本章主要讲自定义事件,也就是给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,也就是下拉的选项


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap