十天學(xué)會ASP.net之第三天
2024-07-10 12:58:06
供稿:網(wǎng)友
 
學(xué)習(xí)目的:掌握web控件的使用(一)
 或許你會問,為什么需要web控件?web控間就好像vb里面的控間,可以在程序的任何地方引用,修改所有屬性,有了它的配合才能完成代碼分離。想一下,如果還是以前的html控間,我們當(dāng)我們需要在某一個地方顯示一段數(shù)據(jù)庫的內(nèi)容是不是只有用<%= %>這樣勢必在html包含了程序的代碼塊,就達(dá)不到分離代碼和界面的目的了。
 或許你還會問,為什么要代碼分離那?原因很簡單,不是每一個程序員都是合格的網(wǎng)頁設(shè)計師,如果我們需要修改代碼的時候會破壞網(wǎng)頁設(shè)計師原來的設(shè)定,是不是不方便那,程序代碼和html代碼混合在一起對于程序員來說也不方便修改代碼。當(dāng)然,我們的網(wǎng)頁設(shè)計師也需要學(xué)習(xí)一點web控間的知識。 
 下面來一個一個介紹:
一、label控件:
主要屬性:
text 標(biāo)簽所顯示的文本
范例:<asp:label id="lblmessage" text="aaa" runat="server"/>
需要注意的是我們不能遺漏runat="server"字樣,還有所有的web控件都要包含在<form runat="server"></form>中間
下面看一個完整的例子,在程序里面修改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 有下面幾個有效值 multiline,password,singleline;
rows 指定文本框的垂直尺寸
三、button控件:
有三種:button 標(biāo)準(zhǔn)的表單按鈕;imagebutton 顯示圖像的表單按鈕;linkbutton 顯示作為超鏈接樣子button
button基本上就是text屬性來設(shè)置按鈕上面的文字;
imagebutton基本上就是imageurl來設(shè)置按鈕上圖象的地址;alternativetext 在瀏覽器不支持圖片的時候顯示的文字;
linkbutton基本上就是text屬性來設(shè)置按鈕上的文字;
他們?nèi)吖餐膶傩跃褪莄ausesvalidation=true/false來設(shè)置按鈕提交的表單是不是被檢驗(后面將說到檢驗控件)
他們?nèi)吖餐姆椒ň褪莖nclick就是點擊按鈕的時候觸發(fā)的函數(shù),下面舉一個例子:
<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> 
今天就說這三個控件,明天繼續(xù)。