ASP.NET(VB.NET)学习笔记－－第二章.控件（2/3）

三.Web服务器控件

I.System.Web.UI.WebControls名称空间结构

 

 

II.Web服务器控件的基本属性

 

属性	说明
AccessKey	定义控件的加速键。比如，指定控件的AccessKey属性值为W,用户可以通过按Alt+W来访问该控件。并不是所有的浏览器都支持这个属性
Attributes	控件属性集合。只能在编程时，而不能在声明一个控件时指定这个属性
BackColor	控件的背景色。取值可以用颜色的英文名字，如yellow，也可以用十六进制表示，如
BorderWidth	控件的边界的宽度，单位为pixel。一些较早的浏览器不支持这个属性
BorderStyle	控件边界的样式。可能的取值有：NotSet,None,Dotted,Dashed,Solid,Double,Groove,Ridge,Inset和OutSet
CSSClass	控件使用的样式表类
CSSStyle	控件使用的样式表类型的属性的集合。只能在编程时，而不能在声明一个控件时指定这个属性。如果在控件中已经使用了定义外观样式的属性（BackColor），那么在CSSStyle中相应属性就会被覆盖
Enabled	指定控件能否被用户访问，取值为Boolean型
Font-Bold	指定控件上的广西是否为加粗显示，取值为Boolean型，默认值为False
Font-Italic	指定控件上的文本是否为斜体显示，取值为Boolean型，默认值为False
Font-Name	指定控件上的文本的字体。一些浏览器不支持为单个的控件设置字体
Font-Names	控件上文本字体的一个列表，用于浏览器做优先选择。如果浏览器不能识别指定的字体，则选择列表中的下一个字体
Font-Overline	指定控件上文本的上方是否有一根线段，取值为Boolean型，默认值为False
Font-size	字号的大小，取值从1到7
Font-Strikeout	指定控件上文本的中间是否有一根线段穿过，取值为Boolean型，默认值为False
Font-Underline	指定控件上文本的下方是否有一根线段，取值为Boolean型，默认值为False
Forecolor	指定控件上文本的颜色。一些较早的浏览器不支持此属性
Height	控件的高度，单位为pixel。IE4.0及以上版本支持此属性
TabIndex	指定用户按Tab键时经过控件的顺序，默认值为0。如果这个控件的这个属性具有相同值，则顺序为声明这些控件时的顺序
Tooltip	指定当用户鼠标停留在控件上时显示的提示文字。不是所有的浏览器都支持这个属性
Width	控件的绝对宽度，默认的单位为字符数，也可以使用pixel（100px）或者百分比形式(如40%)

 

III.一些控件的支持Style对象的属性

 

类型	属性	说明
基本类型	styleobject-BackColor	控件的背景色，取值可以用颜色的英文名字
	styleobject-BorderColor	控件的边框颜色
	styleobject-BorderStyle	控件的边框样式，可能的取值有：NoSet,None,Dtted,Dashed,Solid,Double, Groove,Ridge,Inset和OutSet
	styleobject-BorderWidth	控件的边框宽度，单位为pixel
	styleobject-CssClass	控件使用的样式表类
	styleobject-Font-Bold	指定控件上的文本是否为加粗显示，取值为Boolean型，默认值为False
	styleobject-Font-Italic	指定控件上的文本是否为斜体显示，取值为Boolean型，默认值为False
	styleobject-Font-Name	指定控件上的文本的字体
	styleobject-Font-Names	控件上文本字体的一个列表，用于浏览器做优先选择。如果浏览器不能识别指定字体，则选择列表中的下一个字体
	styleobject-Font-Overline	指定控件上文本的上方是否有一根线段，取值为Boolean型，默认值为False
	styleobject-Font-size	字号的大小，取值从1到7
	styleobject-Font-Strkeout	指定控件上文本的中间是否有一根线段穿过，取值为Boolean型，默认值为False
	styleobject-Font-Underline	指定控件上文本的下方是否有一根线段，取值为Boolean型，默认值为False
	styleobject-Forecolor	指定控件上文本的颜色
	styleobject-Height	控件的绝对高度
	styleobject-Width	控件的绝对宽度
	styleobject.IsEmpty	判断对象是否为空。只能在编程时使用该属性
数据表格页面导航类型	PagerStyle-Mode	指定页面导航标志使用的模式，可取值有NextPrev和NumericPages。默认值为NextPrev
	PagerStyle-NexPageText	指定导航标志的导航到下一页按钮使用的文本
	PagerStyle-PageButton-Count	当PagerStyle-Mode属性的取值为NumericPages时，指定在导航标志中显示的页的数量
	PagerStyle-Position	指定页面导航标志相对于其关联控件的位置，可取值为Bottom,Top和TopAndDottom
	PagerStyle-PrevPageText	指定导航标志的导航到上一页的按钮使用的文本
	PagerStyle-Visible	指定页面导航标志是否可见，取值为Boolean型，默认值为True
表格项目类型	styleobject-HorizontalAlign	指定对象包含内容的水平排列方式，可取值有Center,Justify,Left,NotSet和Top。默认值为NotSet
	styleobject-VerticalAlign	指定对象包含内容的竖直排列方式，可取值有Bottom,Middle,NotSet和Top，默认值为NotSet
	styleobject-Wrap	指定对象的内容超过对象宽度时是否可以换行显示，默认值为True

 

IV.Web服务器控件的基本事件

 

事件	对应的Web控件
Click,Command	Button,ImageButton
TextChange	TextBox
CheckChanged	CheckBox,RadioButton
SelectIndexChanged	DropDownList,ListBox,CheckBoxList ,RadioButtonList

 

V.基本控件和数据控件与Html标识对应关系

 

类名	Html标识表示
Button	<input type=button>, <input type=submit>
CheckBox	<input type=checkbox>
HyperLink	<a>
Image	<img>
ImageButton	<input type=image>
Label	<span>
LinkButton,literal	带有<img>标记的<a>
Panel,PlaceHolder	<div>
RadioButton	<input type=radio>
Table,TableCell	<table><td><th>
TableRow	<tr>
TextBox	<input type=text>, <input type=password><textarea>
DropDownList	<select>
ListBox	<select size=N>,N是一次可见的行数
CheckboxList	一个列表或带有多个 <input type=checkbox>的<table>
RadioButtonList	一个列表或带有多个 <input type=radio>的<table>

 

VI.控件分类

１．用于文本输入和显示的内部控件

(1).TextBox     (类似文本输入框)

<asp:textbox options></asp:textbox>

或者：  <asp:textbox options/>

 

 

属性/事件名	取值	说明
Id	任意字符串	ID标识
Runat	Server	该控件是服务器控件
AutoPostBack	True/False	是否允许自动回传事件到服务器
Columns	数字	本控件的宽度
MaxLength	数字	最多输入字符数(TextMode<>MultiLine)
Rows	数字	行数(TextMode=MultiLine)
Text	字符串	初始化文本
TextMode	MultiLine/Password	显示模式 MultiLine:多行输入文本 Password:密码文本 不设置表示单行文本
Wrap	True/False	是否允许自动换行(TextMode=MultiLine)
OnTextChanged	处理事件的方法名	当控件内部的文本发生变化时回传到服务器的事件处理方法

 

    例：

           <Form Id="Form1" Runat="Server">

      <ASP:Textbox Id="T1" AutoPostBack="True" OnTextChanged="T1_Changed" Runat="server" /><p>

      <ASP:Label Id="Label1" Runat="Server" />

   </Form>

<Script Language="VB" Runat="Server">

    Sub Page_Load(Sender As Object,e As Eventargs)

        Label1.Text="文字的内容没有改变"

    End Sub

    Sub T1_Changed(Sender As Object,e As Eventargs)

        Label1.Text="文字的内容已经改变"

    End Sub

</Script>

(2).Label           （类似文本显示标签）

<asp:label options>text</asp:label>

或者：  <asp:label options/>

 

属性名	取值	说明
Id	任意字符串	用于唯一表示Label控件的字符串
Runat	Server	表示这个Label控件是服务器端控件
Text	字符串	初始始显示时的字符串

 

例1：文本标签的字体设为黑体

lblTxt.font.bold=True

lblTxt.font.bold=False

  例2：

    <ASP:Label Id="Label0" Text="我的背景是红色" BackColor="red" Runat="Server"/>

<ASP:Label Id="Label1" Runat="Server" Font-Bold="True" Text="粗体"/>

<ASP:Label Id="Label2" Runat="Server" Font-Italic="True" Text="斜体"/>

<ASP:Label Id="Label3" Runat="Server" Font-Strikeout="True" Text="删除线"/>

<ASP:Label Id="Label4" Runat="Server" Font-Underline="True" Text="底线"/>

<ASP:Label Id="Label5" Runat="Server" Font-Size="XX-Large" Text="大字体"/>

(3).Literal     ：把普通文本放到页面上而不包含任何HTML标记

<asp:Literal options>text</asp:Literal>

或者：  <asp:Literal options/>

 

属性名	取值	说明
Id	任意字符串	用于唯一表示Literal控件的字符串
Runat	Server	表示这个Literal控件是服务器端控件
Text	字符串	初始始显示时的字符串，可以包含HTML标识，以进一步格式化Text文本

 

2.用于控件传送的内部控件

(1).Button      (类似普通按钮)

<asp:button options></asp:button>

或者：  <asp:button options/>

 

 

属性名	取值	说明
Id	任意字符串	唯一标识
Runat	Server	服务器端控件
Text	字符串	控件上显示的文本
AccessKey	A-Z/a-z	按Alt+取值实现同样的功能
OnClick和Command事件		当单击按钮时出现。这二个事件之间的惟一区别是Command事件接收额外的信息，即CommandName和CommandArgument属性
CommandName和CommandArgument		提供给Command事件的额外的信息。在事件处理程序正在从多个不同的按钮控件接收事件的情况下，它能允许惟一地标识按钮。commandName是一个字符串，用于表示动作（如，Sort），而Commandargument存储任何附加的信息（如，排序的字段等）

 

例1：

<asp:button id="btn2" text="OnMouseOver事件演示" Width=150px

    OnMouseOver="this.style.backgroundColor='lightgreen'" 

OnMouseOut="this.style.backgroundColor='buttonface'" runat=server />   

            <br>

<asp:button id="btn3" text="OnMouseOut事件演示"  Width=150px 

OnMouseOver="this.style.fontWeight='bold'" OnMouseOut="this.style.fontWeight='normal'" runat=server />

    例2：<ASP:Button Id="Button1" Text="按钮一(A)" Runat="Server" AccessKey="a" OnClick="Button1_Click"/>

    例3：通过OnCommand事件，获取CommandArgument及CommandName属性

<Form Id="Form1" Runat="Server">

<ASP:Button Id="Button1" text="MyButton" CommandArgument="CA属性" CommandName="CN属性"

OnCommand="Button1_Click" Runat="Server" /><p>

<ASP:Label Id="Label1" Runat="Server" /><br>

<ASP:Label Id="Label2" Runat="Server" />

</Form>

<Script Language="VB" Runat="Server">

Sub Button1_Click(Sender As Object,e As CommandEventArgs)

Label1.Text=e.CommandArgument.toString

Label2.Text=e.CommandName.toString

End Sub

</Script>

(2).LinkButton      (类似超链接控件)

<asp:linkbutton options>text<asp:linkbutton>

或者：  <asp:linkbutton options/>

 

 

属性名	取值	说明
Id	任意字符串	唯一标识
Runat	Server	服务器端控件
Text	字符串	控件上显示的文本
CauseseValidation		如果设置为True(默认值)，当单击图像时，页面将使用表单上的所有验证控件自动验证。取决于浏览器的性能，无效的页面可能不被传回
OnClick和Command事件		当单击按钮时出现。这二个事件之间的惟一区别是Command事件接收额外的信息，即CommandName和CommandArgument属性
CommandName和CommandArgument		提供给Command事件的额外的信息。在事件处理程序正在从多个不同的按钮控件接收事件的情况下，它能允许惟一地标识按钮。commandName是一个字符串，用于表示动作（如，Sort），而Commandargument存储任何附加的信息（如，排序的字段等）

 

    例1：通过OnCommand事件，获取CommandArgument及CommandName属性

<Form Id="Form1" Runat="Server">

<ASP:LinkButton Id="Button1" text="MyLButton" CommandArgument="CA属性" CommandName="CN属性"

OnCommand="Button1_Click" Runat="Server" /><p>

<ASP:Label Id="Label1" Runat="Server" /><br>

<ASP:Label Id="Label2" Runat="Server" />

</Form>

<Script Language="VB" Runat="Server">

Sub Button1_Click(Sender As Object,e As CommandEventArgs)

Label1.Text=e.CommandArgument.toString

Label2.Text=e.CommandName.toString

End Sub

</Script>

(3).ImageButton     (类似图片显示框)

<asp:imagebutton options></asp:imagebutton>

或者：  <asp:imagebutton options/>

 

 

属性名	取值	说明
Id	任意字符串	唯一标识
Runat	Server	服务器端控件
ImageURL	URL字符串	表示图片的URL字符串
AlternateText	字符串	将显示在不支持图像的浏览器中的文本，以及当用户鼠标停留在图片上时，显示在Internet Exlorer中弹出的ToolTip文本
ImageAlign		相对于页面和它本身的文本对齐特性（取值为Left,Right,Middle,Top,bottom或Texttop）
CauseseValidation		如果设置为True(默认值)，当单击图像时，页面将使用表单上的所有验证控件自动验证。取决于浏览器的性能，无效的页面可能不被传回
OnClick和OnCommand事件		当单击按钮时出现。这二个事件之间的惟一区别是Command事件接收额外的信息，即CommandName和CommandArgument属性
CommandName和CommandArgument		提供给Command事件的额外的信息。在事件处理程序正在从多个不同的按钮控件接收事件的情况下，它能允许惟一地标识按钮。commandName是一个字符串，用于表示动作（如，Sort），而Commandargument存储任何附加的信息（如，排序的字段等）

 

    例1：

<Form Id="Form1" Runat="Server">

<ASP:ImageButton Id="Button1" ImageUrl="vsdotnet.gif" Onclick="Button1_Click" Runat="Server" /><p>

<ASP:Label Id="Label1" Runat="Server" />

</Form>

<Script Language="VB" Runat="Server">

Sub Button1_Click(Sender As Object,e As ImageClickEventArgs)

Label1.Text="您位于影像的" & e.x.ToString & ", " & e.y.ToString & _

" 的位置按下鼠标"

End Sub

</Script>

    例2：通过OnCommand事件，获取CommandArgument及CommandName属性

<Form Id="Form1" Runat="Server">

<ASP: ImageButton Id="Button1" text="MyIButton" CommandArgument="CA属性" CommandName="CN属性"

ImageUrl="vsdotnet.gif" OnCommand="Button1_Click" Runat="Server" /><p>

<ASP:Label Id="Label1" Runat="Server" /><br>

<ASP:Label Id="Label2" Runat="Server" />

</Form>

<Script Language="VB" Runat="Server">

Sub Button1_Click(Sender As Object,e As CommandEventArgs)

Label1.Text=e.CommandArgument.toString

Label2.Text=e.CommandName.toString

End Sub

</Script>

(4).HyperLink           (类似超链接控件)

<asp:hyperlink options>text</asp:hyperlink>

或者：  <asp:hyperlink options/>

 

 

属性名	取值	说明
Id	任意字符串	唯一标识
Runat	Server	服务器端控件
Text	字符串	描述这个链接的字符串
NavigateUrl	URL字符串	当用户单击这个链接时转向的URL
ImageUrl	URL字符串	当用一个图片代替文本来描述链接的时候，这个图片的URL。图像优先于文本，即，除非图像有问题
Target	字符串	当用户单击这个链接的时候，显示目标页面的窗口的名称。取值为_blank,_parent,_self,_top

 

(5).Image

    <asp:Image Ontions/>

 

属性名	说明
AlternateText	将显示在不支持图像的浏览器中的文本，以及当用户鼠标停留在图片上时，显示在Internet Exlorer中弹出的ToolTip文本
ImageAlign	图像相对于页面和它本身的文本对齐特性（取值为Left,Right,Middle,Top,Bottom或Texttop）
ImageUrl	显示图像的路径和文件名，可以是绝对、相对、或虚拟的路径