第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控件的基本语法: 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控件时引发的处理程序。 例如: 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服务器控件的基本语法: 或者 4.3.3 Web服务器控件详解 1. Button控件 Button控件的使用语法: 或者 Button控件主要属性和事件如下: (1)Enabled属性 (2) Text属性 (3) ToolTip属性 (4) CommandName属性 (5)CommandArgument属性 (6)OnClick事件 2. HyperLink控件 HyperLink控件的使用语法: 或者 HyperLink控件的主要属性如下: (1) Text属性 (2) ImageUrl属性 (3) NavigateUrl属性 (4) Target属性 3. LinkButton控件 LinkButton控件的使用语法: 或者 LinkButton控件的主要属性和事件如下: (1) Text属性 (2) Enabled属性 (3) ToolTip属性(4) CommandName属性 (5) CommandArgument属性(6)Command事件 4. ImageButton控件 ImageButton控件使用语法: 或者 ImageButton控件的主要属性和事件如下: (1) Enabled属性 (2) CommandName属性 (3) CommandArgument属性 (4) ImageUrl属性 (5) ImageAlign属性 (6) ToolTip属性 (7)OnClick事件 5. Label控件 Label控件使用语法: 或者 Label控件的主要属性: (1) AutoSize属性 (2) Text属性 (3) TextAlign属性:该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性 (5) Height属性 (6)Width属性 6. TextBox控件 TextBox控件使用语法: 或者TextBox控件的主要属性和事件如下: (1) AutoPostBack属性 (2) Columns属性 (3) Rows属性 (4) MaxLength属性 (5) ReadOnly属性 (6) Text属性 (7) Wrap属性 (8) TextMode属性 7. CheckBox控件和CheckBoxList控件 CheckBox控件使用语法:ASP: CheckBox 属性设置 > 或者 CheckBox控件的主要属性和事件 (1) Checked属性 (2) Enabled属性 (3) Text属性 (4) TextAlign属性 (5) AutoPostBack属性 (6)CheckedChanged事件CheckBoxList控件是一个CheckBox控件组,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控件使用语法: 或者RadioButton控件的主要属性和事件 (1)AutoPostBack属性 (2) Checked属性 (3)Text属性 (4)GroupName属性 (5) TextAlign属性 (6) Enabled属性 (7)OnCheckedChanged事件RadioButtonList控件是单个控件,可作为单选按钮列表项集合的父控件。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控件使用语法: 或者 Image控件的主要属性如下: (1) ImageUrl属性 (2) AlternateText属性 (3) ImageAlign属性 10. ListBox控件 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控件使用语法: 或者 DropDownList控件的主要属性和事件如下: (1)AutoPostBack属性 (2) Items属性 (3) DataSource属性 (4) DataTextField属性 (5) DataValueField属性 (6) SelectedIndexChanged事件 12. Table、TableRow和TableCell控件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属性 回首页