|
第三天 學(xué)習(xí)目的：掌握WEB控件的使用(一)
或許你會(huì)問，為什么需要WEB控件？WEB控間就好像VB里面的控間，可以在程序的任何地方引用，修改所有屬性，有了它的配合才能完成代碼分離。想一下，如果還是以前的HTML控間，我們當(dāng)我們需要在某一個(gè)地方顯示一段數(shù)據(jù)庫的內(nèi)容是不是只有用<%= %>這樣勢(shì)必在HTML包含了程序的代碼塊，就達(dá)不到分離代碼和界面的目的了。
或許你還會(huì)問，為什么要代碼分離那？原因很簡單，不是每一個(gè)程序員都是合格的網(wǎng)頁設(shè)計(jì)師，如果我們需要修改代碼的時(shí)候會(huì)破壞網(wǎng)頁設(shè)計(jì)師原來的設(shè)定，是不是不方便那，程序代碼和HTML代碼混合在一起對(duì)于程序員來說也不方便修改代碼。當(dāng)然，我們的網(wǎng)頁設(shè)計(jì)師也需要學(xué)習(xí)一點(diǎn)WEB控間的知識(shí)。
下面來一個(gè)一個(gè)介紹：
一、Label控件：
主要屬性：
Text 標(biāo)簽所顯示的文本
范例：<asp:Label id="lblMessage" Text="aaa" runat="server"/>
需要注意的是我們不能遺漏runat="server"字樣，還有所有的WEB控件都要包含在<form runat="server"></form>中間
下面看一個(gè)完整的例子，在程序里面修改Label的Text屬性，以此改變網(wǎng)頁的顯示。
<script runat="server" language="c#">
void Page_Load()
{
lblMessage.Text="Hello World!";
}
</script>
<html>
<head><title>Label.aspx</title></head>
<body>
<form runat="server">
<asp:Label 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">
<asp:Label id="lblMessage" runat="server"/>
</form>
</body>
</html>
二、TextBox控件：
主要屬性：
Text 控件顯示的文本；
MaxLength 文本框可以添加的最多的字符數(shù)（多行文本框無效）；
ReadOnly 只讀；
TextMode 有下面幾個(gè)有效值 MultiLine,Password,SingleLine；
Rows 指定文本框的垂直尺寸
三、Button控件：
有三種：Button 標(biāo)準(zhǔn)的表單按鈕；ImageButton 顯示圖像的表單按鈕；LinkButton 顯示作為超鏈接樣子Button
Button基本上就是Text屬性來設(shè)置按鈕上面的文字；
ImageButton基本上就是ImageUrl來設(shè)置按鈕上圖象的地址；AlternativeText 在瀏覽器不支持圖片的時(shí)候顯示的文字；
LinkButton基本上就是Text屬性來設(shè)置按鈕上的文字；
他們?nèi)吖餐膶傩跃褪荂ausesValidation=true/false來設(shè)置按鈕提交的表單是不是被檢驗(yàn)（后面將說到檢驗(yàn)控件）
他們?nèi)吖餐姆椒ň褪荗nClick就是點(diǎn)擊按鈕的時(shí)候觸發(fā)的函數(shù)，下面舉一個(gè)例子：
<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>
今天就說這三個(gè)控件，明天繼續(xù)。
|
溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！
