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

2024-07-10 13:07:04

字体：大中小

来源：转载

供稿：网友

国内最大的酷站演示中心!

     在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" 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
}
}