分享
 
 
 

ASP.NET的用户控件

王朝asp·作者佚名  2006-01-08
窄屏简体版  字體: |||超大  

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

==================================================================

简介

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

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

编写第一个用户控件

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

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

basic.ascx

<p>

This is a user control... really!

</p>

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

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

basic.aspx

<%@ Page Language="VB" %>

<%@ Register TagPrefix="asp101samps" TagName="SomeText"

Src="basic.ascx" %>

<html>

<head>

<title>ASP.NET User Control Sample - Basic</title>

</head>

<body bgcolor="#FFFFFF">

<asp101samps:SomeText runat="server" />

</body>

</html>

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

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

TagPrefix

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

TagName

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

Src

指向控件的资源文件。资源文件使用虚路径("control.ascx" 或 "/path/control.ascx"),不能使用物理路径("C:\path\control.ascx.")。

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

<TagPrefix:TagName runat="server" />

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

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

properties.ascx

<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>

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

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

properties.aspx

<%@ Page Language="VB" %>

<%@ Register TagPrefix="asp101samps" TagName="SomeText"

Src="properties.ascx" %>

<script language="VB" runat="server">

Sub Page_Load(Sender As Object, E As EventArgs)

UserCtrl1.Color = "green"

UserCtrl1.Text = "This control's properties were " _

& "set programmatically!"

End Sub

</script>

<html>

<head>

<title>ASP.NET User Control Sample - Properties</title>

</head>

<body bgcolor="#FFFFFF">

<asp101samps:SomeText runat="server" />

<asp101samps:SomeText Color="red" runat="server" />

<asp101samps:SomeText Text="This is quite cool!" runat="server" />

<asp101samps:SomeText Color="blue" Text="Ain't It?" runat="server" />

<asp101samps:SomeText id="UserCtrl1" runat="server" />

</body>

</html>

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

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

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

events.ascx

<script language="VB" runat="server">

Sub Page_Load(Src As Object, E As EventArgs)

Dim strInitialText As String = "Please Enter a Name!"

If Page.IsPostBack Then

If txtName.Text = strInitialText

txtName.Text = ""

End If

Else

txtName.Text = strInitialText

End If

End Sub

Public Property Name As String

Get

Return txtName.Text

End Get

Set

txtName.Text = Value

End Set

End Property

</script>

Name: <asp:textbox id="txtName" runat="server" />

<asp:RequiredFieldValidator ControlToValidate="txtName"

id="valtxtName" Display="Dynamic" runat=server>

Please Enter a Name!

</asp:RequiredFieldValidator>

events.aspx

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

<%@ Register TagPrefix="asp101samps" TagName="SomeText"

Src="properties.ascx" %>

<%@ Register TagPrefix="asp101samps" TagName="TextBox"

Src="events.ascx" %>

<script language="VB" runat="server">

Sub Page_Load(Sender As Object, E As EventArgs)

txtLabel.Text = ""

' The textbox control handles it's own stuff

' in it's own Page_Load event handler.

End Sub

Sub btnSubmit_Click(Sender As Object, E As EventArgs)

' Sets the label to the textbox's text

txtLabel.Text = txtName.Name

' I don't need to worry about validation since

' my user control does it for me.

End Sub

</script>

<html>

<head>

<title>ASP.NET User Control Sample - Validation & Events</title>

</head>

<body bgcolor="#FFFFFF">

<form runat="server">

<asp101samps:TextBox id="txtName" runat="server" />

<br />

<asp:button id="btnSubmit" onClick="btnSubmit_Click"

text="Submit" runat="server" />

</form>

<asp101samps:SomeText id="txtLabel" runat="server" />

</body>

</html>

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

下面可以下载本文代码。

http://www.ChinaOK.net/down/200204221838030.zip

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有