为asp.net中的Web用户控件添加属性和事件

asp.net|web|控件

     在90年代初，Microsoft为Web程序员提供的 Active Server Pages(ASP)革命性地改变了Web的编程。它可以利用十分易用的模型在Web服务器上动态生成HTML，并且很容易的实现了对数据库的访问，就当时来说，这是一项多么吸引人的技术，包括现在Internet上的许多web站点都是用Asp写的，我的同事前辈们更是玩Asp的高手，经历这么多年而不衰，可见他的成功。
         但是，技术是在不断的发展着，引用某位Net专家的话讲――如今Web编程的状态还是落后的。因此Microsoft提出了第二代编程模型――Web窗体。Web窗体模型作为Asp.net的一部分，而Asp.net又是.Net框架的一个部分。他的编程模型是基于事件的，使用他更像是在进行Windows窗体编程，这一点也正是我决定去学习使用他的一个重要原因，也胡乱看了一些这方面的书，写这篇文章的目的也就是和各位Asp.net初学者和还没有为用户控件添加过自定义事件的同行分享一下经验。
 废话少说，下面就让我们先建立一个用户控件吧，这里就用一个简单登录用户控件来做演示。
 先来看看用户控件的前台代码(LogInOutControl.ascx文件)：
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="LogInOutControl.ascx.cs" Inherits="ZZ.LogInOutControl" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<TABLE id="Table1" style="FONT-SIZE: 9pt; WIDTH: 183px; HEIGHT: 125px" cellSpacing="1"
 cellPadding="1" width="183" align="center" border="1">
 <TR>
  <TD height="20">
   <asp:Label id="LabelUser" runat="server">用户：</asp:Label>
   <asp:TextBox id="TextBoxUserName" Width="128px" runat="server"></asp:TextBox></TD>
 </TR>
 <TR>
  <TD height="20"><FONT face="宋体">
    <asp:Label id="LabelPassword" runat="server">密码：</asp:Label>
    <asp:TextBox id="TextBoxPassword" Width="128px" runat="server" TextMode="Password"></asp:TextBox></FONT></TD>
 </TR>
 <TR>
  <TD align="center" height="20"><FONT face="宋体">
    <asp:Button id="ButtonLogIn" Width="50px" Text="登录" runat="server"></asp:Button>
    <asp:Button id="ButtonLogOut" Width="49px" Text="注销" runat="server"></asp:Button></FONT></TD>
 </TR>
</TABLE>

我们简单的放了两个Label，两个TextBox，两个Button以及一个Html表。
接下去就是为LogInOutControl.ascx.cs文件添加代码了。
首先定义一个delegate，其中LogInOutEventArgs类是从EventArgs类继承，
public delegate void LogInOutClickHandler(object sender,LogInOutEventArgs e);

我觉得把这个delegate放在LogInOutControl类外面更为合适。
接下去为控件声明了LogInOutClick事件，如下：
public event LogInOutClickHandler LogInOutClick;

另外为了更好的使用属性，加了Language枚举，
private Language language;

当然外部通过public Language Lg {get;set;}属性来访问。目的就是改变或者获取当前控件的显示。
接下去就是定义控件事件触发函数OnLogInOutClick，由按钮单击事件处理函数来完成对用户控件事件的触发。
完整代码如下：
namespace ZZ
{
 using System;
 using System.Data;
 using System.Drawing;
 using System.Web;
 using System.Web.UI.WebControls;
 using System.Web.UI.HtmlControls;

 // 定义代理
 public delegate void LogInOutClickHandler(object sender,LogInOutEventArgs e);
 public class LogInOutControl : System.Web.UI.UserControl
 {
  protected System.Web.UI.WebControls.Button ButtonLogIn;
  protected System.Web.UI.WebControls.TextBox TextBoxUserName;
  protected System.Web.UI.WebControls.TextBox TextBoxPassword;
  protected System.Web.UI.WebControls.Button ButtonLogOut;
  protected System.Web.UI.WebControls.Label LabelUser;
  protected System.Web.UI.WebControls.Label LabelPassword;
  public event LogInOutClickHandler LogInOutClick;
  private Language language;
  //方法
  public void ChangeLanguage(Language language)
  {
   this.Lg = language;
  }
  //属性
  public Language Lg
  {
   set
   {
    if(value!=this.language)
    {
     if(value==Language.English)
     {
      this.LabelUser.Text = "User:";
      this.LabelPassword.Text ="Password:";
      this.ButtonLogIn.Text = "LogIn";
      this.ButtonLogOut.Text = "LogOut";
     }
     else
     {
      this.LabelUser.Text = "用户：";
      this.LabelPassword.Text ="密码：";
      this.ButtonLogIn.Text = "登录";
      this.ButtonLogOut.Text = "注销";
     }
    }
   }
  }
  private void Page_Load(object sender, System.EventArgs e)
  {
   if(this.LabelUser.Text=="User:")
     this.language = Language.English;
    else
     this.language = Language.Chinese;
  }
  private void OnLogInOutClick(object sender,LogInOutEventArgs e)
  {
   if(LogInOutClick!=null)
    LogInOutClick(this,e);
  }
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   InitializeComponent();
   base.OnInit(e);
  }
private void InitializeComponent()
  {
   this.ButtonLogIn.Click += new System.EventHandler(this.ButtonLogIn_Click);
   this.ButtonLogOut.Click += new System.EventHandler(this.ButtonLogOut_Click);
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
  private void ButtonLogIn_Click(object sender, System.EventArgs e)
  {
   OnLogInOutClick(this,new LogInOutEventArgs(LogInClickType.LongIn,CustomValidate(this.TextBoxUserName.Text,this.TextBoxPassword.Text)));
  }
  private void ButtonLogOut_Click(object sender, System.EventArgs e)
  {
   //注销代码省略
   OnLogInOutClick(this,new LogInOutEventArgs(LogInClickType.LongOut,true));
  }
  //验证函数
  private bool CustomValidate(string userName,string password)
  {
   //验证代码省略，假设通过
   return true;
  }
 }
}

 

另外一个文件定义了枚举和参数类：
using System;
namespace ZZ
{
 public class LogInOutEventArgs : EventArgs
 {
  private LogInClickType type;
  private bool result;
 
  public LogInOutEventArgs(LogInClickType type,bool result):base()
  {
   this.type = type;
   this.result = result;
  }
  public LogInClickType Type
  {
   get{return this.type;}
  }
  //操作结果，
  public bool Result
  {
   get{return this.result;}
  }
 }
 //操作类型
 public enum LogInClickType : int
 {
  LongIn,
  LongOut
 }
 //定义语言
 public enum Language
 {
  Chinese,
  English
 }
}
 

接下去看看在aspx页面里面使用。
新建一个Default.aspx页面，拖一个LogInOutControl用户控件到上面。
<%@ Register TagPrefix="uc1" TagName="LogInOutControl" Src="LogInOutControl.ascx" %>
<%@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="ZZ.Default" %>
<%@ Import Namespace="ZZ" %>
<HTML>
 <HEAD>
  <title>WebForm1</title>
 </HEAD>
 <body>
  <form id="Form1" method="post" runat="server">
   <FONT face="宋体">
    <uc1:LogInOutControl id="LogInOutControl1" runat="server">
    </uc1:LogInOutControl>
    <asp:Label id="LabelMsg" runat="server"></asp:Label>
    <asp:DropDownList id="DropDownList1" runat="server" AutoPostBack="True">
     <asp:ListItem Value="0" Selected="True">中文</asp:ListItem>
     <asp:ListItem Value="1">英文</asp:ListItem>
    </asp:DropDownList></FONT>
  </form>
 </body>
</HTML>
 

在后台代码中添加事件和属性。
虽然在前台添加了LogInOutControl1，但是后台代码中不会生成protected LogInOutControl LogInOutControl1;这条语句，我觉得很奇怪，不管先加上他。
接着在Page_Load事件中注册LogInOutClick事件：
this.LogInOutControl1.LogInOutClick += new LogInOutClickHandler(LogInOutControl1_LogInOutClick);

完整代码如下：
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 ZZ
{
 public class Default : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Label LabelMsg;
  protected System.Web.UI.WebControls.DropDownList DropDownList1;
  protected LogInOutControl LogInOutControl1;
  private void Page_Load(object sender, System.EventArgs e)
  {
   //注册用户控件事件
   this.LogInOutControl1.LogInOutClick += new LogInOutClickHandler(LogInOutControl1_LogInOutClick);
  }
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   InitializeComponent();
   base.OnInit(e);
  }
  private void InitializeComponent()
  {   
   this.DropDownList1.SelectedIndexChanged += new System.EventHandler(this.DropDownList1_SelectedIndexChanged);
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
  private void LogInOutControl1_LogInOutClick(object sender, LogInOutEventArgs e)
  {
   switch(e.Type)
   {
    case LogInClickType.LongIn:
     this.LabelMsg.Text = "你点击了登录按钮，操作结果："+e.Result.ToString();
     break;
    case LogInClickType.LongOut:
     this.LabelMsg.Text = "你点击了注销按钮，操作结果："+e.Result.ToString();
     break;
   }
  }
private void DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e)
  {
   this.LogInOutControl1.Lg = (Language)this.DropDownList1.SelectedIndex;
   //this.LogInOutControl1.ChangeLanguage((Language)this.DropDownList1.SelectedIndex);
  }
 }
}

 

当用户在前台通过选择下拉框列表来改变控件的语言，这里通过Lg属性来完成，不过这里也加了一个方法ChangeLanguage也可以实现同样的功能。另外，通过点击登陆或注销按钮触发LogInOutClick事件来给页面中的LabelMsg.Text属性赋值从而得到操作结果。
       总结，用户控件为程序员带来了很高的开发效率和重用性，更是在性能方面有了很大的提高，以前称为Asp+，其实我认为Asp.net跟Asp没有什么直接联系。而且我想做应用程序的朋友和我一样在开发Web程序时更喜欢采用代码分离方式，这样结构更清晰，便与修改和管理。同Asp程序相比，他是编译型的，引入了面向对象的设计思想，也就不可避免的带来了他的复杂性，要想开发高水准的Asp.net程序，对于模式的设计，层次结构的划分，这里还是比较讲究的。总之，他更像是在编Windows窗体程序，而不是在写VB脚本。

 

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=22026

[点击此处收藏本文]   发表于 2004年04月02日 3:37 PM

 

PPLUNLCE 发表于2004-11-07 4:53 PM  IP: 218.76.141.*
楼主你好！
请问楼主，"另外一个文件定义了枚举和参数类："是指哪个文件了？？？

秋枫 发表于2004-11-08 9:33 AM  IP: 211.140.56.*
using System;
namespace ZZ
{
public class LogInOutEventArgs : EventArgs
{
private LogInClickType type;
private bool result;

public LogInOutEventArgs(LogInClickType type,bool result):base()
{
this.type = type;
this.result = result;
}
public LogInClickType Type
{
get{return this.type;}
}
//操作结果，
public bool Result
{
get{return this.result;}
}
}
//操作类型
public enum LogInClickType : int
{
LongIn,
LongOut
}
//定义语言
public enum Language
{
Chinese,
English
}
}

PPLUNLCE 发表于2004-11-10 7:37 PM  IP: 218.76.141.*
那怎么样与LogInOutControl.ascx.cs关联起来，总有个名字吧？
谢谢了！

PPLUNLCE 发表于2004-11-10 7:38 PM  IP: 218.76.141.*
那怎么样与LogInOutControl.ascx.cs关联起来了？总也有个名字吗？

 
lee 发表于2004-12-31 1:05 AM  IP: 61.150.12.*
谢谢楼主的方法，写组件看来是以后必学之路，请楼主多多帮我们这些初学者，thanks

秋枫 发表于2005-03-17 9:23 AM  IP:
TrackBack来自《对以前的一些文章提供程序源代码》：

Ping Back来自：blog.csdn.net

阿郎 发表于2005-04-26 8:43 PM  IP: 218.80.200.*
楼主你好，我想知道怎么样写一个asp.net服务器控件table的鼠标
单击某个单元格的自定义事件，急！！！！！！！！！
先谢了。

时间： 2024-10-28 17:14:42

为asp.net中的Web用户控件添加属性和事件的相关文章

在asp.net中为Web用户控件添加属性和事件

asp.net|web|控件 在asp.net中为Web用户控件添加属性和事件 在90年代初,Microsoft为Web程序员提供的 Active Server Pages(ASP)革命性地改变了Web的编程.它可以利用十分易用的模型在Web服务器上动态生成HTML,并且很容易的实现了对数据库的访问,就当时来说,这是一项多么吸引人的技术,包括现在Internet上的许多web站点都是用Asp写的,我的同事前辈们更是玩Asp的高手,经历这么多年而不衰,可见他的成功. 但是,技术是在不断的发展着,引

Asp.net 2.0为用户控件添加event

使用user control的好处自不必说. 但是作为一个控件,虽然实际上其中可能包含很多控件(asp.net服务端控件),但是一旦在页面中注册使用,它就表现为一个独立的控件,也就是说在编辑阶段,其包含的控件我们是访问不到的,或者说不能对其包含的控件进行控制. 这个时候,就要通过为控件添加属性和事件来提供对外的接口,使得我们可以间接的控制其"子控件":用属性来控制其子控件的状态,而我们可以在外部访问并改变属性值,从而达到间接控制子控件的目的:当然如果子控件发生了什么事件,我们要想知道,

急急急，外面页的按钮怎么调用Web用户控件里的按钮事件

问题描述 我是在Web用户控件里做了一个按钮的事件,但是现在想在Aspx页的按钮事件去触发用户控件里面的按钮的事件,各位大哥,怎么触发?谢谢.想了一上午了. 解决方案 解决方案二:三种情况,一,你直接在用户控件中写执行事件,用户控件拉至页面时,点击按钮,即是用户控件内的按钮;二,你可以把按钮放在页面上.把事件也写在页面上.也可以执行用户控件的程序.三,你也可以在用户控件,写事件委托,在页面实现委托.解决方案三:可以通过JS,外部页面的onclick事件直接去触发控件内的按钮的click,func

[ASP.NET开发系列]在用户控件中添加属性

asp.net|控件 在WEB开发中经常有一些代码是在很多地方重复出现的,象导航栏.用户登录/注册和首页上面的一些固定栏目等.这些可重用的代码我们可以把它写成一个通用模块供需要的地方来引用,这样做即节省了开发时间还方便以后的维护. 在ASP.NET的web编程中提供了一种叫做"用户控件"可以帮助我们完成这种做法,其文件扩展名是".ascx",由于ascx文件是用来插入ASPX页面中使用的,而一个ASPX窗体只能包含一个<form>标志,所以ascx用户控

web用户控件调用.aspx页面里的方法_实用技巧

现在把此web用户控件添加到一.aspx页面中.要实现单击用户控件中的button控件把搜索出来的结果数据绑定到.aspx页面的gridview控件上去,如何实现呢? 如果gridview控件是放在.ascx文件中的话,那我们直接把搜索出来的数据绑定到它上面就行了.但现在gridview是放在.aspx文件里,也就是说web用户控件要如何才能访问母页面的控件,把数据绑定到母页面的控件上去? 解决方法: 1.先在.aspx页面的后台文件.aspx.cs中添加一个绑定数据的方法,代码如下: 复制代码

aspnet-请问ASP.NET中web用户控件中使用Session出错，麻烦帮忙解决下，拜托了

问题描述 请问ASP.NET中web用户控件中使用Session出错,麻烦帮忙解决下,拜托了 在用户控件中有下列代码: protected void Page_Load(object sender, EventArgs e) { if (Session["user"] != null) { login.Text = "欢迎你," + Session["user"].ToString().Trim(); login.NavigateUrl = Re

asp.net-RequiredFieldValidator在web用户控件中的使用

问题描述 RequiredFieldValidator在web用户控件中的使用 各位大大,小弟用vs2010开发一个程序, 新建了一个web用户控件,里面设置了姓名,年龄等字段的验证,不能为空. 但是我引用这个web用户控件的页面,放置了一个button,按下button,页面并不能先验证,再提交. button的ValidationGroup也和web用户控件里的RequiredFieldValidator的ValidationGroup一致,请教如何解决啊? 难道必须把button放在web

Asp.Net其他页面如何调用Web用户控件写的分页

  这篇文章主要介绍了Asp.Net其他页面如何调用Web用户控件写的分页,需要的朋友可以参考下 在要添加分页的页面加载时添加以下代码:(以图书分类为例) Paging p = Paging1; //Web用户控件的ID p.DataControl = gvBookType; //要绑定数据的控件(此处是GridView) p.TableName = "BookShop_BookType"; p.Sort = "asc"; p.Column = "Book

在Web用户控件中引用样式表中样式的方法_实用技巧

如何在Web用户控件中引用样式表中的样式 复制代码 代码如下: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="gl1.ascx.cs" Inherits="admin_gl1" EnableTheming="True" %> < link href="../App_Themes/qiantai.css&quo