ASP.net程序设计教程与实训（C#版） 第3章服务器控件

1、 教学提示 介绍ASP.NET服务器控件，包括：HTML服务器控件、Web服务器控件及Web页面的验证控件 Web页面上的任意 HTML 元素都可以转换为 HTML 服务器控件 Web服务器控件比HTML 服务器控件具有更多功能 验证控件使得ASP.NET中的验证操作变得易于实现 教学要求 掌握HTML服务器控件及其使用方法，掌握Web服务器控件及其使用方法，了解自定义控件及其使用方法。 3.1.1 HTML服务器控件概述 HTML服务器控件都在以System.Web.UI.HTMLControls命名的空间中 HTML服务器控件是HTML元素，这些元素包含使其自身在服务器上可见并可编程的属性

2、。默认情况下，服务器无法使用Web窗体页上的HTML元素 通过将HTML元素转换为HTML服务器控件，可将其公开为可在服务器上编程的元素 页面上的任意HTML元素都可以转换为HTML服务器控件。转换是一个只涉及几个属性的简单过程。 作为最低要求，通过添加 runat=“server” 属性，HTML元素即可转换为HTML服务器控件。 如果要在代码中作为成员引用控件，则还应当为控件分配ID属性 3.1.2 HtmlAnchor控件 HtmlAnchor控件用来控制元素。在HTML中，元素用来建立一个超链接。超链接可以链接到一个书签或是另一个Web页面。其格式如下： 3.1.3 HtmlInput

3、Button控件 HtmlInputButton控件用来控制、 、以及等元素。在HTML中，这些元素用来建立命令按钮、提交(submit)按钮和重置(reset)按钮。其语法格式如下。 3.1.4 HtmlForm控件 HtmlForm控件用来控制元素。在HTML中，元素被用来建立表单，除HtmlGenericControl控件外，所有的Web Form控件必须包含在一对HtmlForm控件标签中。其语法格式如下。 3.1.5 HtmlGenericControl控件 HtmlGeneric控件用来控制没有被特定HTML服务器控件规定的其他HTML元素，如、等，与Web Form Html控件

4、没有具体的对应关系，但它们仍然存在于Html控件模型中。其语法格式如下。 3.1.6 HtmlImage控件 HtmlImage控件用来控制元素。在HTML中，HtmlImage控件用来显示一个图像。 使用HtmlImage控件可以动态地设置图片属性，如src、width、height、border、alt和Align等。其格式如下。 3.1.7 HtmlInput系列控件 HtmlInputCheckBox控件 HtmlInputCheckBox控件用来控制元素。在HTML中，此元素用来建立一个复选框，以接受用户的多项选择，使用Checked属性来判断复选按钮是否被选中。其语法格式如下。 H

5、tmlInputFile控件 HtmlInputFile控件用来控制元素。在HTML中，使用HtmlInputFile控件创建一个提供给用户选择上载文件的对话框(控件为)。其语法格式如下。 HtmlInputHidden控件 HtmlInputHidden控件用来控制元素。在HTML中，此元素用来建立一个隐含的input域。 在浏览器窗口中，HtmlInputHidden控件是不可见的，只有利用浏览器的查看网页的“源文件”功能，才可以看到该类控件。其语法格式如下。 HtmlInputImage控件 HtmlInputImage控件用来控制元素。在HTML中，此元素用来创建一个替代常规式样的按钮

6、的图片按钮。其语法格式如下。 HtmlInputRadioButton控件 HtmlInputRadioButton控件用来控制元素。在HTML中，此元素用来创建一个单选按钮选择，且以组为单位，name属性相同的HtmlInputRadioButton控件为一组，在该组中，每次只能选择一个单选按钮。其语法格式如下。 HtmlInputText控件 HtmlInputText控件用来控制 和 元素。在HTML中，这两个元素用来建立文本域和密码域。当作为密码输入时，所输入的内容用“*”替代。其语法格式如下。 3.1.8 HtmlSelect控件 HtmlSelect控件用来控制元素。在HTML中，

7、元素用来建立一个供用户选择的下拉列表。其语法格式如下。 3.1.9 HtmlTable控件 HtmlTable控件用来控制元素。在HTML中，用来建立一个表格。而且可以动态地添加表格的行和列。其语法格式如下。 3.1.10 HtmlTableCell控件 HtmlTableCell控件用来控制 和 元素。在HTML中，这些元素用来建立表格单元格和表格标题单元格。其语法格式如下。 3.1.11 HtmlTableRow控件 HtmlTableRow控件用来控制元素。HTML中，元素用来创建表格中的行。其语法格式如下。 3.1.12 HtmlTextArea控件 HtmlTextArea控件用来控

8、制 元素。在HTML中， 元素建立一个文本区，让用户输入一个多行文本，文本的宽度由Cols属性决定，而高度由Rows属性决定。其语法格式如下。 3.2.1 Web服务器控件概述 Web服务器控件位于以System.Web.UI.Webcontrols命名的空间中，并集成在ASP.NET的基本类库中，人们习惯称之为Web控件。 象HTML服务器控件一样，Web服务器控件也是被创建于服务器上并且需要 runat=“server” 属性来工作。 但是，Web服务器控件不是必须要映射到已存在的HTML元素，它们可以表现为更复杂的元素 服务器控件的基本属性是指除了控件特有属性以外，所有ASP.NET服务

9、器控件都具有的共同属性 3.2.2 AdRotator Web服务器控件 AdRotator控件是一个广告控件，用来在Web页面上显示一个广告图片序列。 此控件使用一个XML文件来存储广告信息，并且XML文件必须以标签开始和结束。在标签内可以有若干标签来定义每个广告。其语法格式如下。 3.2.3 Button Web服务器控件 Button控件用来在Web页面上创建一个按钮。按钮既可能是提交按钮，又可能是一个命令按钮，默认情况下是提交按钮。这两种按钮的主要区别在于提交按钮不支持CommandName(命令名称)和CommandArgument(命令参数)两个属性。其语法格式如下。 3.2.4

10、Calendar Web服务器控件 Calendar控件用来在浏览器中显示一个日历。在显示日历时，用户可以选择日期并可转到前、后月份。其语法格式如下。 3.2.5 CheckBox Web服务器控件 CheckBox控件用来在Web窗体上创建一个复选框，该复选框允许用户在“true”或“false”状态之间进行切换。其语法格式如下。 3.2.6 CheckBoxList Web服务器控件 CheckBoxList控件用来建立一个多选的复选框组。控件中的每个可选项由一个ListItem元素来定义。此外，此控件支持数据绑定。其语法格式如下。 3.2.7 DropDownList Web服务器控件

11、DropDownList控件用来建立一个下拉列表。控件中的每个可选项由一个ListItem元素来定义，且支持数据绑定。其语法格式如下。 3.2.8 HyperLink Web服务器控件 HyperLink控件用来在Web页上创建一个可切换到其他页面或位置的链接。其语法格式如下。 3.2.9 Image Web服务器控件 Image控件用于在Web页面上显示图片。使用ImageUrl参数来设置图片的路径。当图片不能正常显示时，显示备用文本。其语法格式如下。 3.2.10 ImageButton Web服务器控件 ImageButton控件主要用于响应单击图片的动作。其语法格式如下。 3.2.11

12、 Label Web服务器控件 Label控件用于在Web页面上显示信息，要显示的具体内容通过Text属性来设置。其格式如下。 3.2.12 LinkButton Web服务器控件 LinkButton控件用于在Web页面上创建一个超链接样式的按钮，它可以是“提交”按钮，或“命令”按钮。其语法格式为： 3.2.13 ListBox Web服务器控件 List控件用于建立单选或多选的下拉列表。其语法格式如下。 3.2.14 Literal Web服务器控件 Literal控件也是用于显示文本的，但与label控件不同的是，Literal控件不能使用一般Web服务器控件的共同属性style，即不支

13、持CSS。其语法格式如下。 3.2.15 Panel Web服务器控件 Panel控件是一个容器，通常用于显示或隐藏一组控件。其语法格式如下。 3.2.16 PlaceHolder Web服务器控件 PlaceHoder控件是一个容器，用于事先在页面中保留一个位置以便动态地增加控件。 PlaceHolder 控件不产生任何可见的输出，仅用作 Web 页上其他控件的容器，有时用于装载用户自定义控件。 其语法格式如下。 3.2.17 RadioButton Web服务器控件 RadioButton控件用于在Web窗体页上创建一个单选按钮。其语法格式如下。 3.2.18 RadioButtonLis

14、t Web服务器控件 RadioButtonList控件的作用与RadioButton控件类似，但功能更为强大。其语法格式如下。 3.2.19 Table、TableCell、TableRow Web服务器控件 Table、Tablerow、tablecell控件用于建立动态表格。其语法格式如下。 3.2.20 TextBox Web服务器控件 TextBox控件用于在Web页面上供用户输入文本内容，可以用来显示标准的HTML文本输入框、密码框和文本域。其语法格式如下。 3.3.1 验证控件概述 在ASP.NET中，提供了五种基本的验证类型控件和一个验证总结控件(ValidationSumma

15、ry)，它们分别由不同的验证控件来实现 每个验证控件都引用页面上其他的输入控件(服务器控件)。在处理用户输入时，ASP.NET页框架将用户输入传递到一个或多个适当的验证控件。验证控件将测试用户输入并设置表示输入是否通过测试的属性 3.3.2 基本验证控件属性 下表3-22中列出的属性适用于所有验证控件。 3.3.3 CompareValidator验证控件 CompareValidator 验证控件将输入控件的值同常数值或其他输入控件的值相比较，以确定这两个值是否与由比较运算符(小于、等于、大于等等)指定的关系相匹配。语法格式如下。 除基本验证控件属性外，CompareValidator验证控

16、件自有的其他属性意义如表 3-23所示。 3.3.4 CustomValidator验证控件 计算输入控件的值以确定它是否通过自定义的验证逻辑。其语法格式如下。 除基本验证控件属性外，CustomValidator验证控件自有的其他属性意义如表3-24所示。 3.3.5 RangeValidator验证控件 RangeValidator验证控件用于计算输入控件的值，以确定该值是否在指定的上限与下限之间。其语法格式如下。 除基本验证控件属性外，RangeValidator验证控件自有的其他属性意义如表3-25所示。 3.3.6 RegularExpressionValidator验证控件 Reg

17、ularExpressionValidator 验证控件用来计算输入控件的值，以确定该值是否与某个正则表达式所定义的模式相匹配。其语法格式如下。 3.3.7 RequiredFieldValidator验证控件 RequiredFieldValidator控件用于在Web窗体页面上保证用户非空输入，即对必填数据项已输入数据而不会跳过。其语法格式如下。 3.3.8 ValidationSummary验证控件 ValidationSummary 验证控件用于收集本页的所有验证错误信息，并可以将它们组织后再显示出来。其语法如下。 3.4.1 用户控件概述 除HTML和Web服务器控件之外，您还可以轻

18、松创建自己的自定义的可重用控件，所采用的方法与开发Web窗体页的方法相同，这些控件称作用户控件。 用户控件能够很容易地在多个ASP.NET Web应用程序之间划分和重复使用公共用户界面(UI)功能。 用户控件声明语法与创建Web窗体页所采用的语法十分类似，两者的主要差别在于用户控件在内容周围不包括、和元素。Web窗体页面文件的扩展名为.aspx，用户控件页面文件扩展名为.ascx。 3.4.2 创建用户控件 用户控件既可以简单到一个文本文件，也可以在页面中包含其他 ASP.NET 服务器控件 3.4.3 在Web页面中使用用户控件 只有当包括在 Web 窗体页中时，用户控件才可以工作。 当一个

19、请求到达某一页而该页包含用户控件时，该用户控件将经历任何 ASP.NET 服务器控件所要经历的所有处理阶段 3.4.4 在程序中动态装载用户控件 可以通过编程方式在 Web 窗体页上创建任意 ASP.NET 服务器控件的实例，也可以通过使用包含页的LoadControl方法来做到这一点。 3.5.1 数据绑定概述和语法 传统的数据绑定一般用于将显示类控件的“显示内容”属性绑定到数据库中的数据上，而ASP.NET则扩展了这一概念。 在ASP.NET引入了新的声明数据绑定语法。这种非常灵活的语法允许用户不仅可以绑定到数据源，而且可以绑定到简单属性、集合、表达式甚至是从方法调用返回的结果 语法格式如

20、下。(1) 绑定简单属性： Customer: (2) 绑定集合： Orders:asp:ListBox id=List1 datasource= runat=server (3) 绑定表达式： Contact: (4) 绑定方法结果： Outstanding Balance: 尽管该语法看起来与 ASP 的 Response.Write 快捷方式 相似，但其行为完全不同。ASP Response.Write 快捷方式语法在处理页时计算，而ASP.NET 数据绑定语法仅在调用 DataBind方法时计算 DataBind是页和所有服务器控件的方法。当在父控件上调用 DataBind 时，它级联到该控件的所有子控件 3.5.2 绑定到简单属性 ASP.NET数据绑定语法支持绑定到公共变量、页的属性和页上其他控件的属性。 3.5.3 绑定到集合和列表 像DropDownList、DataGrid、ListBox 和 HTMLSelect 这样的列表服务器控件将集合用作数据源 这些控件