十天学会ASP.net之第三天
或许你【huò xǔ nǐ】会问，为什么需要WEB控件？WEB控间就好像VB里面的🤰控间，可以在程序的【chéng xù de】📶任何地【rèn hé dì】方引用🍺，修改所【xiū gǎi suǒ】有属性【yǒu shǔ xìng】🎪，有了它🐡的配合😎才能完【cái néng wán】成代码【chéng dài mǎ】分离。想一下🛃，如果还【rú guǒ hái】是以前🕑的🤰HTML控间，我们当🌹我们需🎃要在某【yào zài mǒu】一个地【yī gè dì】方显示【fāng xiǎn shì】一段数🐟据库的🤰内容是【nèi róng shì】💧不是只有用<%= %>这样势必在【bì zài】HTML包含了【bāo hán le】程序的【chéng xù de】📶代码块🚭，就达不到分离🎹代码和界面的🤰目的🤰了。
或许你还会问【hái huì wèn】🦂，为什么🌛要代码分离那👡？原因很【yuán yīn hěn】简单😢，不是每【bú shì měi】一个程【yī gè chéng】序员都👎是合格的网页设计师【shè jì shī】，如果我【rú guǒ wǒ】们需要修改代【xiū gǎi dài】🈺码的时候会破Ⓜ坏网页【huài wǎng yè】设计师【shè jì shī】原来的设定，是不是不方便🎟那👡，程序代🍁码和【mǎ hé】HTML代码混合在一起对于程序员来说也【lái shuō yě】不方便🎟修改代【xiū gǎi dài】🈺码。当然【dāng rán】🐣，我们的【wǒ men de】网页设计师【shè jì shī】也需要学习一点🔺WEB控间的🏺知识【zhī shí】。
下面来一个一个介绍：
一、Label控件：
主要属性：
Text 标签所显示的【de】🚽文本
范例【fàn lì】：<asp:Label id="lblMessage" Text="aaa" runat="server"/>
需要注🏋意的【de】🚽是我们不🍂能遗漏【néng yí lòu】🍬runat="server"字样【zì yàng】，还有所🤚有的【yǒu de】🚽WEB控件都要包含在【zài】<form runat="server"></form>中间🏴
下面看一个完整的【de】🚽例子，在程序【zài chéng xù】🌚里面修改Label的【de】🚽Text属性【shǔ xìng】🍳，以此改变网页【biàn wǎng yè】的【de】显示👅。
<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 控件显【kòng jiàn xiǎn】示的文🤲本【běn】💬；
MaxLength 文本【běn】💬框可以添🗡加的最多的字符数【fú shù】（多行文本【běn】💬框无效）；
ReadOnly 只读【zhī dú】；
TextMode 有下面🥕几个有效值【xiào zhí】 MultiLine,Password,SingleLine；
Rows 指定文【zhǐ dìng wén】🧓本【běn】💬框的垂直尺寸🥜
三、Button控件：
有三种：Button 标准的表单按【biǎo dān àn】钮【niǔ】🍈；ImageButton 显示图【xiǎn shì tú】像的表单按【biǎo dān àn】钮【niǔ】🍈；LinkButton 显示作【xiǎn shì zuò】为超链👰接样子Button
Button基本上【jī běn shàng】就是【jiù shì】⏪Text属性来【shǔ xìng lái】⬛设置按🔥钮【niǔ】上面的文字🤥；
ImageButton基本上【jī běn shàng】就是【jiù shì】⏪ImageUrl来设置【lái shè zhì】🌦按钮【niǔ】上🛹图象的地址；AlternativeText 在浏览器不支持图片的时候【de shí hòu】🍲显示的文字🤥；
LinkButton基本上【jī běn shàng】就是【jiù shì】⏪Text属性来【shǔ xìng lái】⬛设置按🔥钮【niǔ】上的➕文字；
他们三【tā men sān】者共同【zhě gòng tóng】🎓的属性🕳就是【jiù shì】🏭CausesValidation=true/false来设置按钮提交的表单是不是被检😋验💄（后面将【hòu miàn jiāng】说到检【shuō dào jiǎn】验💄控件【kòng jiàn】）
他们三【tā men sān】者共同【zhě gòng tóng】🎓的方法【de fāng fǎ】📟就是【jiù shì】🏭OnClick就是【jiù shì】🏭点击按钮🗻的时候【de shí hòu】触发的函数，下面举一个例🖱子：
<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>
今天就说这三个控件，明天继续。
关键词：ASP.net
阅读本文后您有什么感想? 已有 人给出评价!
- 0
- 0
- 0
- 0
- 0
- 0
