ASP.NET开发：在用户控件中添加属性
在WEB開發(fā)中經(jīng)常有一些代碼是在很多地方重復(fù)出現(xiàn)的，象導(dǎo)航欄、用戶登錄/注冊(cè)和首頁上面的一些固定欄目等。這些可重用的代碼我們可以把它寫成一個(gè)通用模塊供需要的地方來引用，這樣做即節(jié)省了開發(fā)時(shí)間還方便以后的維護(hù)。
在ASP.NET的web編程中提供了一種叫做“用戶控件”可以幫助我們完成這種做法，其文件擴(kuò)展名是“.ascx”，由于ascx文件是用來插入ASPX頁面中使用的，而一個(gè)ASPX窗體只能包含一個(gè)<form>標(biāo)志，所以ascx用戶控件不能包含<form></form>標(biāo)志。
下面使用一個(gè)經(jīng)典入門范例來創(chuàng)建一個(gè)簡單的用戶控件，文件名為Hello.ascx:
| <html> <body> <h1>經(jīng)典入門范例</h1> <hr> <h3>Hello Word</h3> </body> </html> |
把這段代碼保存為Hello.ascx文件，然后在ASPX頁面上調(diào)用，具體調(diào)用如下：
| 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ùn)行，將在頁面上打印出字符串“Hello word”。
代碼說明：1）指令@Register定義了用戶控件文件的標(biāo)簽名“Hello”和標(biāo)簽前綴名”wen”；
2）src屬性是連接到用戶控件的相關(guān)的文件名；
3）<wen:Hello ID=MyHello runat=server>這一句是在ASPX窗體中調(diào)用用戶控件Hello.ascx的語句。
以上的演示代碼沒有給控件添加屬性，下面我們舉一個(gè)用戶登錄的文件，把它寫成用戶控件，在向其中添加UserName和PassWord這兩個(gè)屬性。向用戶控件添加屬性很簡單，只要在ascx文件中的<script></script>塊中定義就行了。
| UserLogin.ascx <html> <title>用戶登錄</title> <body> <table> <tr> <td>用戶名：</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> |
至此，我們已經(jīng)給UserLogin.ascx文件添加了UserName和PassWord這兩個(gè)屬性了，以下DEMO演示如何在ASPX頁面上引用這兩個(gè)屬性。
| UserLogin.aspx <%@Register TagPrefix=”wen” TagName=”UserLoginContorl” src=” UserLogin.ascx” %> <html> <title>引用屬性</title> <body> <form runat=”server”> <wen: UserLogin.ascxID=”MyLogin” 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 Page_Load(Object sender,EventArgs e){ if(IsPostBack){ Lab1.Text=MyLogin.UserName; Lab2.Text=MyLogin.PassWord; } } </script> |
總結(jié)
以上是生活随笔為你收集整理的ASP.NET开发：在用户控件中添加属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IT工程师
- 下一篇： .NET设计模式（5）：工厂方法模式（F