發新話題

10天學會ASP.net之第三天

10天學會ASP.net之第三天

或許你會問,為什麼需要WEB控件?WEB控間就好像VB裡面的控間,可以在程序的任何地方引用,修改所有屬性,有了它的配合才能完成代碼分離。想一下,如果還是以前的HTML控間,我們當我們需要在某一個地方顯示一段數據庫的內容是不是只有用<%= %>這樣勢必在HTML包含了程序的代碼塊,就達不到分離代碼和界面的目的了。
     或許你還會問,為什麼要代碼分離那?原因很簡單,不是每一個程序員都是合格的網頁設計師,如果我們需要修改代碼的時候會破壞網頁設計師原來的設定,是不是不方便那,程序代碼和HTML代碼混合在一起對於程序員來說也不方便修改代碼。當然,我們的網頁設計師也需要學習一點WEB控間的知識。  

下面來一個一個介紹:
一、Label控件:
主要屬性:
Text 標籤所顯示的文本

範例:<aspabel id="lblMessage" Text="aaa" runat="server"/>
需要注意的是我們不能遺漏runat="server"字樣,還有所有的WEB控件都要包含在<form runat="server"></form>中間
下面看一個完整的例子,在程序裡面修改Label的Text屬性,以此改變網頁的顯示。

<script runat="server" language="c#">
void Page_Load()
{
lblMessage.Text="Hello World!";
}
</script>
<html>
<head><title>Label.aspx</title></head>  
<body>
<form runat="server">
<aspabel id="lblMessage" runat="server"/>
</form>
</body>
</html>
--------------
<script runat="server" language="vb">
sub Page_Load
lblMessage.Text="Hello World!"
end sub
</script>
<html>
<head><title>Label.aspx</title></head>  
<body>
<form runat="server">
<aspabel id="lblMessage" runat="server"/>
</form>
</body>
</html>  
二、TextBox控件:
主要屬性:  
Text 控件顯示的文本;
MaxLength 文本框可以添加的最多的字符數(多行文本框無效);
ReadOnly 只讀;
TextMode 有下面幾個有效值 MultiLine,Password,SingleLine;
Rows 指定文本框的垂直尺寸
三、Button控件:
有三種:Button 標準的表單按鈕;ImageButton 顯示圖像的表單按鈕;LinkButton 顯示作為超鏈接樣子Button
Button基本上就是Text屬性來設置按鈕上面的文字;
ImageButton基本上就是ImageUrl來設置按鈕上圖像的地址;AlternativeText 在瀏覽器不支持圖片的時候顯示的文字;
LinkButton基本上就是Text屬性來設置按鈕上的文字;
他們三者共同的屬性就是CausesValidation=true/false來設置按鈕提交的表單是不是被檢驗(後面將說到檢驗控件)
他們三者共同的方法就是OnClick就是點擊按鈕的時候觸發的函數,下面舉一個例子:

<script runat="server" language="c#">
void btnCounter_OnClick(object sender,EventArgs e)
{
btnCounter.Text="Clicked";
}  
</script>
<html>
<head><title>Label.aspx</title></head>  
<body>
<form runat="server">
<asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/>
</form>
</body>
</html>  
---------------------
<script runat="server" language="vb">
sub btn_COunter_OnClick(s as object,e as eventargs)
btnCounter.Text="Clicked"  
end sub
</script>
<html>
<head><title>Label.aspx</title></head>  
<body>
<form runat="server">
<asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/>
</form>
</body>
</html>

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。