用户控件的事件实现

ASP.NET用户控件一般适用于产生相对静态的内容,所以没有builtin的事件支持。本文讨论用户控件返回事件的方法。

假定用户控件(UserControl.ascx)中包含按钮控件AButton,希望实现按AButton按钮时,包含该用户控件的页面可以接收到事件。为此,小鸡射手在用户控件和页面的代码中分别作了处理。

UserControl.ascx.cs中的处理:
1. 定义public的事件委托,如ClickEventHandler;
2. 在UserControl类中声明事件,如Click;
3. 在UserControl类中定义引发事件的方法,如OnClick()方法;
4. 在UserControl类的相关方法中调用引发事件的方法,如在Button_Click()中调用OnClick()。

核心代码示意如下:
public delegate void ClickEventHandler(object sender, EventArgs e);
public class MyUserControl : System.Web.UI.UserControl
{
protected System.Web.UI.WebControls.Button AButton;
public event ClickEventHandler Click;
protected void OnClick(EventArgs e)
{
if (Click!=null) Click(this, e);
}
private void AButton_Click(object sender, System.EventArgs e)
{
this.OnClick(e);
}
}

包含UserControl的页面cs文件中的处理:
1. InitializeComponent()中增加事件处理程序,采用FindControl方法找到UserControl;
2. 定义事件处理方法,在该方法中处理UserControl的事件,如UserControl_Clicked()。
核心代码示意如下:
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
MyUserControl uc = this.FindControl("myUserControlID") as MyUserControl;
uc.Click += new ClickEventHandler(this.UserControl_Clicked);
}
private void UserControl_Clicked(object sender, System.EventArgs e)
{
// UserControl_Clicked event hanlder
}

总结一下,其实就是将事件机制利用手工编程的方法加进去:加入一般控件IDE自动生成的代码。顺便说一下,C#的事件机制实现了Obeserver pattern,除了UI还可以用于业务层,能有效地降低对象间的耦合度,像UserControl那样,根本无需知道包含它的页面

 

自己实现后的代码

UserControl.ascx:
============================================================================================
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="UserControl.ascx.cs" Inherits="Ajax.UserControl1" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<FONT">宋体">
       <asp:Button id="AButton" Text="Button" runat="server"></asp:Button></FONT>
 
 
 
UserControl.ascx.cs:
============================================================================================
namespace Ajax
{
     using System;
     using System.Data;
     using System.Drawing;
     using System.Web;
     using System.Web.UI.WebControls;
     using System.Web.UI.HtmlControls;
 
     ///<summary>
     ///      UserControl1 的摘要说明。
     ///</summary>
     public delegate void ClickEventHandler(object sender, EventArgs e);
     public class UserControl1 : System.Web.UI.UserControl
     {
         protected System.Web.UI.WebControls.Button AButton;
         public event ClickEventHandler Click;
        
         protected void OnClick(EventArgs e)
         {
              if (Click!=null) Click(this, e);
              Response.Write("UserControlbtn onClick<br>");
         }
 
         private void AButton_Click(object sender, System.EventArgs e)
         {
              this.OnClick(e);
              Response.Write("UserControlbtn Click<br>");
         }
      
         #region Web 窗体设计器生成的代码
         override protected void OnInit(EventArgs e)
         {
              //
              // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
              //
              InitializeComponent();
              base.OnInit(e);
         }
        
         ///<summary>
         ///      设计器支持所需的方法 - 不要使用代码编辑器
         ///      修改此方法的内容。
         ///</summary>
         private void InitializeComponent()
         {
              this.AButton.Click += new System.EventHandler(this.AButton_Click);
         }
         #endregion
     }
}
 
 
UserControl.aspx:
============================================================================================
<%@ Register TagPrefix="uc1" TagName="UserControl" Src="UserControl.ascx" %>
<%@ Page language="c#" Codebehind="UserControl.aspx.cs" AutoEventWireup="false" Inherits="Ajax.UserControl" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
       <HEAD>
              <title>UserControl</title>
              <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
              <meta name="CODE_LANGUAGE" Content="C#">
              <meta name="vs_defaultClientScript" content="JavaScript">
              <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
       </HEAD>
       <body>
              <form id="Form1" method="post" runat="server">
                     <FONT">宋体">
                            <BR>
                            <BR>
                            <BR>
                            <BR>
                            <BR>
                     </FONT>
                     <uc1:UserControl id="UserControl1" runat="server" text="asdfasfd"></uc1:UserControl>
              </form>
       </body>
</HTML>
 
UserControl.aspx.cs
============================================================================================
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
 
namespace Ajax
{
     ///<summary>
     /// UserControl 的摘要说明。
     ///</summary>
     public class UserControl : System.Web.UI.Page
     {
         private void Page_Load(object sender, System.EventArgs e)
         {
              // 在此处放置用户代码以初始化页面
              Response.Write("PageLoad<br>");
         }
 
         private void UserControl_Clicked(object sender, System.EventArgs e)
         {
              Response.Write("btnclick<br>");
         }
 
         #region Web 窗体设计器生成的代码
         override protected void OnInit(EventArgs e)
         {
              //
              // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
              //
              InitializeComponent();
              base.OnInit(e);
         }
        
         ///<summary>
         ///设计器支持所需的方法 - 不要使用代码编辑器修改
         ///此方法的内容。
         ///</summary>
         private void InitializeComponent()
         {   
              this.Load += new System.EventHandler(this.Page_Load);
              UserControl1 uc = this.FindControl("UserControl1") as UserControl1;
              uc.Click += new ClickEventHandler(this.UserControl_Clicked);
         }
         #endregion
     }
}
 

 

posted @ 2006-04-13 17:35  ZetaChow晓代码  阅读(202)  评论(0编辑  收藏  举报