十天學會ASP.net之第三天

　　學習目的掌握WEB控件的使用(一)

　　或許你會問為什麼需要WEB控件？WEB控間就好像VB裡面的控間可以在程序的任何地方引用修改所有屬性有了它的配合才能完成代碼分離想一下如果還是以前的HTML控間我們當我們需要在某一個地方顯示一段數據庫的內容是不是只有用<%= %>這樣勢必在HTML包含了程序的代碼塊就達不到分離代碼和界面的目的了

　　或許你還會問為什麼要代碼分離那？原因很簡單不是每一個程序員都是合格的網頁設計師如果我們需要修改代碼的時候會破壞網頁設計師原來的設定是不是不方便那程序代碼和HTML代碼混合在一起對於程序員來說也不方便修改代碼當然我們的網頁設計師也需要學習一點WEB控間的知識

　　下面來一個一個介紹

　　一Label控件

　　主要屬性
　　Text 標簽所顯示的文本

　　范例<asp:Label id=lblMessage Text=aaa runat=server/>
　　需要注意的是我們不能遺漏runat=server字樣還有所有的WEB控件都要包含在<form runat=server></form>中間

　　下面看一個完整的例子在程序裡面修改Label的Text屬性以此改變網頁的顯示

　　<script runat=server language=c#>
　　void Page_Load()
　　{
　　　lblMessageText=Hello World!;
　　}
　　</script>
　　<html>
　　<head><title>Labelaspx</title></head>
　　<body>
　　<form runat=server>
　　<asp:Label id=lblMessage runat=server/>
　　</form>
　　</body>
　　</html>

　　<script runat=server language=vb>
　　sub Page_Load
　　lblMessageText=Hello World!
　　end sub
　　</script>
　　<html>
　　<head><title>Labelaspx</title></head>
　　<body>
　　<form runat=server>
　　<asp:Label id=lblMessage runat=server/>
　　</form>
　　</body>
　　</html>

　　二TextBox控件

　　主要屬性
　　Text 控件顯示的文本
　　MaxLength 文本框可以添加的最多的字符數（多行文本框無效）
　　ReadOnly 只讀
　　TextMode 有下面幾個有效值 MultiLinePasswordSingleLine
　　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 senderEventArgs e)
　　{
　　　btnCounterText=Clicked;
　　}
　　</script>
　　<html>
　　<head><title>Labelaspx</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 objecte as eventargs)
　　btnCounterText=Clicked
　　end sub
　　</script>
　　<html>
　　<head><title>Labelaspx</title></head>
　　<body>
　　<form runat=server>
　　<asp:Button Text=UnClicked OnClick=btnCounter_OnClick id=btnCounter runat=server/>
　　</form>
　　</body>
　　</html>

　　今天就說這三個控件明天繼續

From:http://tw.wingwit.com/Article/program/net/201311/14786.html