VB中的控件介绍

第4章 服务器控件4.1 服务器控件概述

4.1.1 服务器控件分类

ASP.NET的Server控制组件分为两种：HTML控制组件和Web控制组件。

4.1.2 服务器控件属性、事件和方法服务器控件是ASP.NET的特定对象，每一个控件都具有特定的属性、事件和方法

4.1.3 服务器控件层次结构 ASP.NET服务器控件是从System.Web.UI.Control直接或间接派生的。ASP.NET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。 4.2 HTML服务器控件

4.2.1 HTML服务器控件的层次结构 HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的层次结构HTML服务器控件提供以下功能：

1.可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。

2.提供一组事件，可以为其编写事件处理程序，方法与在基于客户端的窗体中大致 相同，所不同的是事件处理是在服务器代码中完成的。

3.在客户端脚本中处理事件的能力。

4.自动维护控件状态。

5.与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。

6.数据绑定到一个或多个控件属性

7. 直接可用的自定义属性。

4.2.2 HTML控件的基本语法 HTML控件的基本语法： <HTML标记 Id=“控件名称” Runat=“Server”>

4.2.3 HTML控件详解

1. HTML服务器控件的共同属性 几个共同的属性：Innerhtml、InnerText、Disable、Visible、Value、Attributes、Style。

2. HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下：

(1)Href属性：用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。

(2)Title属性：用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。

(3)Name属性：获取或设置HtmlAnchor服务器控件中定义的书签名。

(4)Target属性：获取或设置要将Web页内容加载到的目标窗口或框架。

(5) OnServerClick方法：用于指定在单击HtmlAnchor控件时引发的处理程序。 例如：

<A Id="HtmlAnchor1" Href="aa.aspx" '单击HtmlAnchor1 时链接到的aa.aspx

OnServerClick="AnchorBtn_Click " '单击 HtmlAnchor1时执行 AnchorBtn_Click 事件

Ttarget="_blank " 'aa.aspx内容呈现在新的、不带框的窗口中

Title="在新窗口中打开aa.aspx " '当鼠标指针放在 HtmlAnchor1上时显示

Runat="Server" >

</A>

3. HtmlInputButton控件

HtmlInputButton控件的主要属性和事件如下：

(1)Type属性：用来获取HtmlInputControl的类型。表列出了Type属性的各种不同可 能值及其含义。 (2)Value属性：用来设置按钮上的显示的文本内容。

(3)OnServerClick方法：该事件当在Web页上单击HtmlInputButton控件时发生的处理 程序。

4. HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下：

(1)Align属性

(2)Alt属性

(3)Src属性

(4)OnServerClick方法

5. HtmlInputText控件 HtmlInputText控件的主要属性和事件如下：

(1)Size属性

(2)MaxLength属性

(3)Value属性

(4)Type属性

(5)ServerChange事件

(6)OnServerChange方法

6. HtmlTextArea控件 HtmlInputText控件在控件工具箱中的图标为 。文本框的尺寸由Cols和Rows属性控制 。

7. HtmlImage 控件 HtmlImage控件的主要属性如下：

(1)Align属性 ：各种可能的取值及其说明见表。

(2) Src属性

(3) Alt属性

(4) Border属性

(5) Height属性

(6) Width属性8. HtmlInputCheckBox控件 HtmlInputCheckBox控件的主要属性和事件如下：

(1)Checked属性

(2) OnServerChange方法

9. HtmlInputRadioButton控件 HtmlInputRadioButton控件的主要属性和事件如下：

(1)Checked属性

(2)Name属性

(3) Value属性

(4) ServerChange事件

(5) OnServerChange方法

10. HtmlSelect控件该控件的主要属性和事件如下：

(1)Multiple属性

(2) Size属性

(3) SelectedIndex属性

(4) Items属性

(5)Value属性

(6) DataSource属性

(7) DataValueField属性

(8)DataTextField属性

(9)OnServerChange方法

11. 其他HTML服务器控件 其他HTML服务器控件对应的HTML元素及用途见右表。4.3 Web服务器控件

4.3.1 Web服务器控件的层次结构 下图显示了System.Web.UI.WebControls名称空间中控件的层次结构。4.3.2 Web服务器控件基本语法 Web服务器控件的基本语法：

<ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性设置值2”……></ASP: 控件>或者

<ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性设置值2”…… / >

4.3.3 Web服务器控件详解

1. Button控件

Button控件的使用语法：

<ASP: Button 属性设置></ASP: Button>或者

<ASP: Button 属性设置 />

Button控件主要属性和事件如下：

(1)Enabled属性

(2) Text属性

(3) ToolTip属性

(4) CommandName属性

(5)CommandArgument属性

(6)OnClick事件

2. HyperLink控件

HyperLink控件的使用语法：

<ASP: Hyperlink 属性设置></ASP: Hyperlink >或者

<ASP: Hyperlink 属性设置 />

HyperLink控件的主要属性如下：

(1) Text属性

(2) ImageUrl属性

(3) NavigateUrl属性

(4) Target属性

3. LinkButton控件

LinkButton控件的使用语法：

<ASP: LinkButton 属性设置></ASP: LinkButton>或者

<ASP: LinkButton 属性设置 />

LinkButton控件的主要属性和事件如下:

(1) Text属性

(2) Enabled属性

(3) ToolTip属性

(4) CommandName属性

(5) CommandArgument属性

(6)Command事件

4. ImageButton控件

ImageButton控件使用语法：

<ASP: ImageButton 属性设置></ASP: ImageButton>或者

<ASP: ImageButton 属性设置 />

ImageButton控件的主要属性和事件如下：

(1) Enabled属性

(2) CommandName属性

(3) CommandArgument属性

(4) ImageUrl属性

(5) ImageAlign属性

(6) ToolTip属性

(7)OnClick事件

5. Label控件 Label控件使用语法：

<ASP: Label 属性设置></ASP: Label>或者

<ASP: Label 属性设置 />

Label控件的主要属性：

(1) AutoSize属性

(2) Text属性

(3) TextAlign属性：该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性

(5) Height属性

(6)Width属性

6. TextBox控件

TextBox控件使用语法：

<ASP: TextBox 属性设置></ASP: TextBox>或者

<ASP: TextBox 属性设置 />

TextBox控件的主要属性和事件如下:

(1) AutoPostBack属性

(2) Columns属性

(3) Rows属性

(4) MaxLength属性

(5) ReadOnly属性

(6) Text属性

(7) Wrap属性

(8) TextMode属性

7. CheckBox控件和CheckBoxList控件

CheckBox控件使用语法：

ASP: CheckBox 属性设置 ></ASP: CheckBox >或者

<ASP: CheckBox属性设置 />

CheckBox控件的主要属性和事件

(1) Checked属性

(2) Enabled属性

(3) Text属性

(4) TextAlign属性

(5) AutoPostBack属性

(6)CheckedChanged事件

CheckBoxList控件是一个CheckBox控件组，CheckBoxList控件使用语法：

<ASP: CheckBoxList 属性设置 ></ASP: CheckBoxList >或者

<ASP: CheckBoxList 属性设置 />

CheckBoxList控件的主要属性和事件

(1) AutoPostBack属性

(2)DataSource属性

(3) DataTextField属性

(4) DataValueField属性

(5) Items属性

(6)RepeatColumns属性

(7) RepeatDirection属性

(8) RepeatLayout属性

(9) SelectedIndex属性

(10) SelectedItem属性

(11) TextAlign属性

(12) SelectedIndexChanged事件

CheckBoxList控件的每个选项都有以下3个基本属性

(1) Text：表示每个选项的文本。

(2) Value：表示每个选项的选项值。

(3) Selected：表示该选项是否选中。

8. RadioButton控件和RadioButtonList控件

RadioButton控件使用语法：

<ASP: RadioButton 属性设置 ></ASP: RadioButton >或者

<ASP: RadioButton 属性设置 />

RadioButton控件的主要属性和事件

(1)AutoPostBack属性

(2) Checked属性

(3)Text属性

(4)GroupName属性

(5) TextAlign属性

(6) Enabled属性

(7)OnCheckedChanged事件

RadioButtonList控件是单个控件，可作为单选按钮列表项集合的父控件。RadioButtonList控件使用语法：

<ASP: RadioButtonList 属性设置 ></ASP: RadioButtonList >或者

<ASP: RadioButtonList 属性设置 />

RadioButtonList控件的主要属性和事件

(1) AutoPostBack属性

(2) DataSource属性

(3) DataTextField属性

(4) DataValueField属性

(5) Items属性

(6) RepeatColumns属性

(7) RepeatDirection属性

(8) RepeatLayout属性

(9) SelectedIndex属性

(10) SelectedItem属性

(11) OnSelectedIndexChanged事件

RadioButtonList控件的每个选项都有以下3个基本属性

(1) Text：表示每个选项的文本。

(2) Value：表示每个选项的选项值。

(3) Selected：表示该选项是否选中。

9. Image控件 Image控件使用语法：

<ASP: Image 属性设置 ></ASP: Image >或者

<ASP: Image属性设置 />

Image控件的主要属性如下：

(1) ImageUrl属性

(2) AlternateText属性

(3) ImageAlign属性

10. ListBox控件 ListBox控件使用语法：

<ASP: ListBox 属性设置 ></asp: ListBox >或者

<ASP: ListBox 属性设置 />

ListBox控件的主要属性和事件如下：

(1) AutoPostBack属性

(2) Rows属性

(3) Items属性：Items属性是ListBox控件各选项的集合。每个列表项都是一个单独的对象，具有自己的属性，见表。 (4) SelectionMode属性：该属性指明一次是否可多选。SelectionMode属性的各种取值极其含义见表。 (5) SelectedIndex属性

(6) SelectedIndices属性

(7) SelectedItem属性

(8) SelectedItems属性

(9) SelectedValue属性

(10) DataSource 属性

(11) DataTextField属性

(12) DataValueField属性

(13) SelectedIndexChanged 事件

11. DropDownList控件

DropDownList控件使用语法：

<ASP: DropDownList 属性设置 ></ASP: DropDownList >或者

<ASP: DropDownList 属性设置 />

DropDownList控件的主要属性和事件如下：

(1)AutoPostBack属性

(2) Items属性

(3) DataSource属性

(4) DataTextField属性

(5) DataValueField属性

(6) SelectedIndexChanged事件

12. Table、TableRow和TableCell控件

Table控件使用语法：

<ASP: Table 属性设置 ></ASP: Table >或者

<ASP: Table 属性设置 />

Table控件的主要属性如下：

(1)CellPadding属性

(2) CellSpacing属性

(3) Rows 属性

(4)GridLines属性,该属性的取值及其含义见表。(5)HorizontalAlign属性,该属性的取值及其含义见表 TableRow控件的主要属性如下：

(1) Cells属性

(2)HorizontalAlign属性

(3) VerticalAlign属性,表列出了可能的值及其含义。TableCell控件的主要属性如下：

(1) ColumnSpan属性

(2)HorizontalAlign属性

(3) RowSpan属性

(4) VerticalAlign属性

(5) Wrap属性 回首页

看你的需求，不是所有的控件都必须一定要有id和runat属性的。如果需要设置及控制这个控件的，可以设置id，利用id来设置和控制，如果在代码中有需要调用这个控件的参数值及赋值之类的，就必须添加runat=“server”属性。

服务器控件的id属性是服务器后台代码访问该控件的唯一标识。根据查询相关公开信息显示，服务器控件是服务器可以理解的标签，就是页面上能够被服务器端代码访问和操作的任何控件，它们都具有runat="server"属性，id属性是服务器端代码的访问操作控件的唯一标识。

---