在WEB開(kāi)發(fā)中經(jīng)常有一些代碼是在很多地方重復出現的，象導航欄、用戶(hù)登錄/注冊和首頁(yè)上面的一些固定欄目等。這些可重用的代碼我們可以把它寫(xiě)成一個(gè)通用模塊供需要的地方來(lái)引用，這樣做即節省了開(kāi)發(fā)時(shí)間還方便以后的維護。
在A(yíng)SP.NET的web編程中提供了一種叫做“用戶(hù)控件”可以幫助我們完成這種做法，其文件擴展名是“.ascx”，由于ascx文件是用來(lái)插入ASPX頁(yè)面中使用的，而一個(gè)ASPX窗體只能包含一個(gè)<form>標志，所以ascx用戶(hù)控件不能包含<form></form>標志。
1、下面使用一個(gè)經(jīng)典入門(mén)范例來(lái)創(chuàng )建一個(gè)簡(jiǎn)單的用戶(hù)控件:
Hello.ascx
<html>
<body>
<h1>經(jīng)典入門(mén)范例</h1><hr>
<h3>Hello Word</h3>
</body>
</html>
把這段代碼保存為Hello.ascx文件，然后在A(yíng)SPX頁(yè)面上調用，具體調用如下：
Hello.aspx <%@Register TagPrefix=”wen” TagName=”Hello” src=”Hello.ascx”%>
<html>
<body>
<form id=frm runat=server>
<wen:Hello ID=MyHello runat=server>
</form>
</body>
</html>
在IE瀏覽器的地址里輸入
http://localhost/Hello.aspx運行，將在頁(yè)面上打印出字符串“Hello word”。代碼說(shuō)明：1）
指令@Register定義了用戶(hù)控件文件的標簽名“Hello”和標簽前綴名”wen；”
2）src屬性是連接到用戶(hù)控件的相關(guān)的文件名；
3）<wen:Hello ID=MyHello runat=server>這一句是在A(yíng)SPX窗體中調用用戶(hù)控件Hello.ascx的語(yǔ)句。
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
2、以下的演示代碼給控件添加屬性
下面我們舉一個(gè)用戶(hù)登錄的文件，把它寫(xiě)成用戶(hù)控件，在向其中添加UserName和PassWord這兩個(gè)屬性。
向用戶(hù)控件添加屬性很簡(jiǎn)單，只要在ascx文件中的<script></script>塊中定義就行了。 至此，我們已經(jīng)給UserLogin.ascx文件添加了UserName和PassWord這兩個(gè)屬性了，以下DEMO演示如何在A(yíng)SPX頁(yè)面上引用這兩個(gè)屬性。
UserLogin.ascx <html>
<title>用戶(hù)登錄</title>
<body>
<table>
<tr>
<td>用戶(hù)名：</td>
<td><asp:TextBox ID=”txt1” runat=”server”></td>
</tr>
<tr>
<td>密 碼：</td>
<td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>
</tr>
<hr>
<tr>
<td></td>
<td><asp:LinkButton Text=”登陸” runat=”server”></td>
</tr>
</table>
</body>
</html>
<script language=”C#” runat=”server”>
public string UserName{
get{return txt1.Text;}
set{txt1.Text=value;}
}
public string PassWord{
get{return txt2.Text;}
set{txt2.Text=value;}
}
</script>
UserLogin.aspx
<%@Register TagPrefix=”wen” TagName=”UserLogin” src=” UserLogin.ascx” %>
<html>
<title>引用屬性</title>
<body>
<form runat=”server”>
<wen: UserLogin ID=”MyLogin” runat=”server”>
</form>
用戶(hù)名：<asp:Label ID=”Lab1” runat=”server”/><br>
密 碼：<asp:Label ID=”Lab2” runat=”server”/><br>
</body>
</html>
<script language=”C#” runat=”server”>
void Page_Load(Object sender,EventArgs e){
if(IsPostBack){
Lab1.Text=MyLogin.UserName;
Lab2.Text=MyLogin.PassWord;
}
}
</script>
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
3、以下的演示代碼給控件添加事件
在上面我們定義了一個(gè)用戶(hù)登錄的用戶(hù)控件UserLogin.ascx 文件，里面包含了一個(gè)LinkButton服務(wù)器按鈕控件，當用戶(hù)單擊該按鈕時(shí)服務(wù)器端會(huì )自動(dòng)生成一個(gè)回發(fā)來(lái)激發(fā)Page.Load事件。除了服務(wù)器自動(dòng)產(chǎn)生回發(fā)來(lái)激發(fā)Page.Load事件外，我們可以給LinkButton添加一個(gè)它自己的事件，添加事件其實(shí)也很簡(jiǎn)單，通過(guò)在<script></script>塊中聲明事件，然后把該事件添加到用戶(hù)控件中。
我們現在通過(guò)以下的例子來(lái)說(shuō)明如何在UserLogin.ascx用戶(hù)控件中添加事件。 UserLogin.ascx <html>
<title>用戶(hù)登錄</title>
<body>
<table>
<tr>
<td>用戶(hù)名：</td>
<td><asp:TextBox ID=”txt1” runat=”server”></td>
</tr>
<tr>
<td>密 碼：</td>
<td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>
</tr>
<hr>
<tr>
<td></td>
<td><asp:LinkButton Text=”登陸” OnClick=”MyOnClick” runat=”server”></td>
</tr>
</table>
</body>
</html>
<script language=”C#” runat=”server”>
public string UserName{
get{return txt1.Text;}
set{txt1.Text=value;}
}
public string PassWord{
get{return txt2.Text;}
set{txt2.Text=value;}
}
public event Eventhandler Login; //添加事件句柄
void MyOnClick(Object Sender,EventArgs e){
if(Login != null)
Login(this,new EventArgs()); //激活Login事件
}
</script>
在A(yíng)SPX頁(yè)面中使用自定義事件：
<%@Register TagPrefix=”wen” TagName=”UserEvent” src=” UserLogin.ascx”%> <html>
<body>
<form runat=server>
<wen:UserEvent ID=”MyLogin” OnLogin=”OnLoginPress” runat=”server”>
</form>
<asp:Label ID=”Lab1” runat=”server”/><br>
<asp:Label ID=”Lab2” runat=”server”/><br>
</body>
</html>
<script Language=”C#” runat=”server”>
void OnLoginPress(Object Render, EventArgs e){
Lab1.Text=MyLogin.UserName;
Lab2.Text=MyLogin.PassWord;
}
</script>
說(shuō)明：這里的OnLogin事件是我們給用戶(hù)控件UserLogin.ascx文件添加的事件。
