首頁 > 開發者 > ASP

ASP.NET開發：在使用者控制項中添加屬性

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
在WEB開發中，可重用的代碼我們可以把它寫成一個通用模組供需要的地方來引用。本文就是介紹在ASP.NET的web編程時，如何在使用者控制項中添加屬性，實現這種方法；舉例說明詳解。

在WEB開發中經常有一些代碼是在很多地方重複出現的，象導覽列、使用者登入/註冊和首頁上面的一些固定欄目等。這些可重用的代碼我們可以把它寫成一個通用模組供需要的地方來引用，這樣做即節省了開發時間還方便以後的維護。

在ASP.NET的web編程中提供了一種叫做“使用者控制項”可以協助我們完成這種做法，其副檔名是“.ascx”，由於ascx檔案是用來插入ASPX頁面中使用的，而一個ASPX表單只能包含一個<form>標誌，所以ascx使用者控制項不能包含<form></form>標誌。

下面使用一個經典入門範例來建立一個簡單的使用者控制項，檔案名稱為Hello.ascx:

            
<html>            
            
<body>            
            
<h1>經典入門範例</h1>
            
<hr>
            
<h3>Hello Word</h3>
            
</body>            
            
</html>

把這段代碼儲存為Hello.ascx檔案，然後在ASPX頁面上調用，具體調用如下：

            
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運行，將在頁面上列印出字串“Hello word”。

代碼說明：1）指令@Register定義了使用者控制項檔案的標籤名“Hello”和標籤首碼名”wen”；

2）src屬性是串連到使用者控制項的相關的檔案名稱；

3）<wen:Hello ID=MyHello runat=server>這一句是在ASPX表單中調用使用者控制項Hello.ascx的語句。

以上的示範代碼沒有給控制項添加屬性，下面我們舉一個使用者登入的檔案，把它寫成使用者控制項，在向其中添加UserName和PassWord這兩個屬性。向使用者控制項添加屬性很簡單，只要在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>

至此，我們已經給UserLogin.ascx檔案添加了UserName和PassWord這兩個屬性了，以下DEMO示範如何在ASPX頁面上引用這兩個屬性。

            
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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More