asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

怎样在ASP.NET中创建用户控件


发布日期:2022年08月06日
 
怎样在ASP.NET中创建用户控件

本文介绍如何在ASPNET中创建用户控件控件属性的动态修改以及控件的事件出发机制

简介

ASPNET的服务端控件使得Web开发工作变得更为简单功能更为强大我们介绍过如何在ASPNET页面中使用服务端控件但是如果服务端没有所要求的控件时该怎么办呢?

当然ASPNET不会给你变出一个莫须有的控件事实上可以动手作自己的控件来取代NET提供的控件这种控件就是用户控件也正是本文讨论的话题

编写第一个用户控件

有人认为知道如何使用服务端控件可不一定说明编写用户控件是件容易的事

事实上编写一个基本用户控件(有时也称之为pagelets)并让ASPNET页面象使用服务端控件那样使用这些控件的确是件简单的事这里有一个简单示例

basicascx

<p>

This is a user control…… really!

</p>

这就是一个用户控件!看到这里我想你会说我该不是喝醉了头脑不清楚吧但这段代码的确就是易于被使用的一个用户控件尽管这个控件没有作什么事却是关于什么是用户控件的一个很好说明事情并不象想像得那么复杂注意后缀ascx它告诉网页这是一个用户控件它没有什么特别含义只是不让IIS去直接执行这段代码

现在我们来创建一个用户控件看下面的例子

basicaspx

<%@ Page Language=VB %>

<%@ Register TagPrefix=aspsamps TagName=SomeText

Src=basicascx %>

<html>

<head>

<title>ASPNET User Control Sample Basic</title>

</head>

<body bgcolor=#FFFFFF>

<aspsampsSomeText runat=server />

</body>

</html>

这段代码输出标准HTML页面显示用户控件里的文字而不是标记

那么它是怎么实现的呢?关键就在注册(Register)说明要注册控件先要定义三个属性

TagPrefix

定义控件位置的命名空间有了命名空间制约就可以在同一个网页里使用不同功能的同名控件

TagName

指向所使用控件的名字在同一个命名空间里的控件名是唯一的控件名一般都表明控件的功能

Src

指向控件的资源文件资源文件使用虚路径(controlascx/path/controlascx不能使用物理路径(Cpathcontrolascx

控件注册之后就可以象其它服务端控件一样被使用通过定义目标前缀(TagPrefix)和目标名(TagName)就可以象使用服务端内建控件一样地进行使用同时也确定了使用服务端运行(runat=server)方式下面是网页调用用户控件的基本方式

<TagPrefixTagName runat=server />

给用户控件增加属性并赋值

下面我给控件加上两个属性一个是color另一个是text

propertiesascx

<script language=VB runat=server>

Public Color As String = black

Public Text As String = This is a user control…… really!

</script>

<p>

<font color=<%= Color %>>

<%= Text %>

</font>

</p>

这样就可以使用和改变控件的色彩和文字了可以在初始化时赋值还可以动态地修改这二个属性

在同一个网页里可以重复调用这个控件并使用不同的属性值

propertiesaspx

<%@ Page Language=VB %>

<%@ Register TagPrefix=aspsamps TagName=SomeText

Src=propertiesascx %>

<script language=VB runat=server>

Sub Page_Load(Sender As Object E As EventArgs)

UserCtrlColor = green

UserCtrlText = This controls properties were _

& set programmatically!

End Sub

</script>

<html>

<head>

<title>ASPNET User Control Sample Properties</title>

</head>

<body bgcolor=#FFFFFF>

<aspsampsSomeText runat=server />

<aspsampsSomeText Color=red runat=server />

<aspsampsSomeText Text=This is quite cool! runat=server />

<aspsampsSomeText Color=blue Text=Aint It? runat=server />

<aspsampsSomeText id=UserCtrl runat=server />

</body>

</html>

还想再好些用户控件是否能够有事件句柄呢?

用户控件几乎可以作任何事下面的代码示范控件如何触发Page_Load事件有了事件句柄就不用多写其它的维护代码来控制控件的运行控件可以自己触发事件

在下面的代码中封装了一个ASP的textbox控件我将我的控件名属性与textbox的内容挂钩

eventsascx

<script language=VB runat=server>

Sub Page_Load(Src As Object E As EventArgs)

Dim strInitialText As String = Please Enter a Name!

If PageIsPostBack Then

If txtNameText = strInitialText

txtNameText =

End If

Else

txtNameText = strInitialText

End If

End Sub

Public Property Name As String

Get

Return txtNameText

End Get

Set

txtNameText = Value

End Set

End Property

</script>

Name <asptextbox id=txtName runat=server />

<aspRequiredFieldValidator ControlToValidate=txtName

id=valtxtName Display=Dynamic runat=server>

Please Enter a Name!

</aspRequiredFieldValidator>

eventsaspx

<%@ Page Language=VB ClientTarget=downlevel %>

<%@ Register TagPrefix=aspsamps TagName=SomeText

Src=propertiesascx %>

<%@ Register TagPrefix=aspsamps TagName=TextBox

Src=eventsascx %>

<script language=VB runat=server>

Sub Page_Load(Sender As Object E As EventArgs)

txtLabelText =

The textbox control handles its own stuff

in its own Page_Load event handler

End Sub

Sub btnSubmit_Click(Sender As Object E As EventArgs)

Sets the label to the textboxs text

txtLabelText = txtNameName

I dont need to worry about validation since

my user control does it for me

End Sub

</script>

<html>

<head>

<title>ASPNET User Control Sample Validation & Events</title>

</head>

<body bgcolor=#FFFFFF>

<form runat=server>

<aspsampsTextBox id=txtName runat=server />

<aspbutton id=btnSubmit onClick=btnSubmit_Click

text=Submit runat=server />

</form>

<aspsampsSomeText id=txtLabel runat=server />

</body>

</html>

这就是关于用户控件和应用的说明无论你认为它是否简单它肯定比使用传统ASP要容易

上一篇:ASP.NET Gridview 使用checkbox删除

下一篇:创建基于ASP.NET的SMTP邮件服务