2019年5月23日,第1页,ASP.NET动态网站开发教程（第二版） 清华大学出版社,第5章 服务器控件,2019年5月23日,第2页,理解什么是控件及控件的属性、事件和方法 掌握基本的HTML 服务器控件的使用 掌握基本的Web 服务器控件的使用 掌握验证控件的使用,教学目标,2019年5月23日,第3页,第5章 服务器控件,5.1 控件简介 5.2 HTML 服务器控件 5.3 Web 服务器控件 5.4 验证控件,2019年5月23日,第4页,5.1 控件简介,5.1.1 控件的分类 5.1.2 在页面中添加HTML服务器控件 5.1.3 在页面中添加Web服务器控件 5.1.4 以编程方式添加服务器控件 5.1.5 设置服务器控件属性,2019年5月23日,第5页,5.1.1 控件的分类,ASP.NET提供了两大类服务器控件：HTML 服务器控件和Web 服务器控件。 HTML 服务器控件是由System.Web.UI.HtmlControls类实现的，它其实就是HTML标记的可编程版本。这部分控件基本对应了传统的HTML标记，简单地说，任何 HTML标记都可以通过添加属性 runat=“server“ 来转换为 HTML 服务器控件,2019年5月23日,第6页,5.1.1 控件的分类,Web 服务器控件是由System.Web.UI. WebControls类实现的，它并不和HTML标记一一对应。Web 服务器控件比HTML 服务器控件具有更多的内置功能。 按照功能区分，Web 服务器控件还可以分为标准控件、数据控件、验证控件、导航控件、登陆控件、Web部件控件以及其他辅助安装的自定义控件等。,2019年5月23日,第7页,5.1.2 在页面中添加HTML服务器控件,给HTML标记添加runat=“server”属性，该标记就变成了HTML 服务器控件。 比较如下的代码： 添加服务器端属性之后的代码如下所示： 可以看到，只是在该控件中添加了一个 runat=“server”的属性。,2019年5月23日,第8页,5.1.3 在页面中添加Web服务器控件,添加Web服务器控件有两种方式，可以通过工具箱选择待添加的控件，然后直接将该控件拖到需要添加的页面位置，也可以直接进入页面的源视图，通过HTML语法，直接将该控件添加到页面的相应位置。,2019年5月23日,第9页,5.1.4 以编程方式添加服务器控件,除了前面介绍的通过页面直接添加的方法之外，还可以在页面后台的cs代码文件中进行添加。以编程方式进行添加需要先构造出该控件的一个实例，然后再对控件的实例属性进行设定。,2019年5月23日,第10页,5.1.5 设置服务器控件属性,在ASP.NET中，可以通过三种方式来设置服务器控件的属性，分别是通过“属性”对话框直接设置；在控件的HTML代码中设置；或者通过页面的后台代码以编程的方式指定控件的属性。,2019年5月23日,第11页,5.2 HTML 服务器控件,5.2.1 HTML 服务器控件的公共属性 5.2.2 HTML 服务器控件的使用,2019年5月23日,第12页,5.2.1 HTML 服务器控件的公共属性,因为所有的HTML 服务器控件都派生于同一个基类System.Web.UI.HtmlControls，所以它们具有公共的属性。表5-2列出了所有 HTML 控件共享的属性。,2019年5月23日,第13页,2019年5月23日,第14页,5.2.2 HTML 服务器控件的使用,至此，我们已经了解了HTML 服务器控件的工作方式，了解了它们的属性。下面将HTML 服务器控件分为三组，分别予以详细讨论。,2019年5月23日,第15页,1. 通用控件,HtmlGeneric控件是一个公共控件。对于没有对应的特定控件的HTML元素（如、等），HtmlGeneric控件为它们提供了一种ASP.NET服务器控件实现。语法为： HTML代码 ,2019年5月23日,第16页,1. 通用控件,HtmlAnchor控件。 HtmlAnchor控件用来向文档添加一个超链接。语法为： 超链接文本或图像 ,2019年5月23日,第17页,1. 通用控件,HtmlImage控件。 HtmlImage控件呈现由HTML标记中的src属性指定的图像文件。在页面的源代码中，用于创建这个服务器控件的语法为： ,2019年5月23日,第18页,1. 通用控件,HtmlForm控件。 利用HtmlForm控件创建一个窗体，在创建ASP.NET交互式页面时通常使用该控件。语法为： 表单控件 ,2019年5月23日,第19页,2. 输入控件,HtmlButton控件。 语法为： 按钮文本或图像 ,2019年5月23日,第20页,2. 输入控件,HtmlInputButton控件。 语法为： ,2019年5月23日,第21页,2. 输入控件,HtmlInputText控件和HtmlInputPassword控件。语法为： ,2019年5月23日,第22页,2. 输入控件,HtmlInputRadioButton控件用于创建单选框，语法为： ,表4-1 按钮控件的比较,2019年5月23日,第23页,2. 输入控件,HtmlInputCheckBox控件。 语法为： ,2019年5月23日,第24页,2. 输入控件,HtmlInputImage控件 语法为： ,2019年5月23日,第25页,2. 输入控件,HtmlInputFile控件。语法为： ,2019年5月23日,第26页,2. 输入控件,HtmlInputHidden控件 语法为： ,2019年5月23日,第27页,2. 输入控件,HtmlSelect控件。语法为： 选项1 选项2 ,2019年5月23日,第28页,3. 表控件,用来生成表的控件有三个：HtmlTable控件、HtmlTableRow控件和HtmlTableCell控件。首先在页面上声明一个 HtmlTable 控件。然后，将 HtmlTableRow 对象放置在 HtmlTable 控件的开始和结束标记之间（对于表中所需的每一行放置一个HtmlTableRow对象）。定义表中的行之后，再声明位于每个 HtmlTableRow 对象的开始和结束标记之间的 HtmlTableCell对象以创建该行的单元格。,2019年5月23日,第29页,5.3 Web 服务器控件,5.3.1 基本的Web 服务器控件 5.3.2 ASP.NET列表控件,2019年5月23日,第30页,5.3.1 基本的Web 服务器控件,ASP.NET 3.5提供了62个Web 服务器控件 每个Web 服务器控件都有前缀asp，以表明它们来自于同一个命名空间System.Web.UI. WebControls。并且Web 服务器控件全都运行于服务器端，所以必须显示声明runat=“server“。,2019年5月23日,第31页,1. Label（标签）控件,使用 Label 控件可以在页面上的固定位置显示文本。与静态文本不同，可以通过设置 Text 属性来自定义所显示的文本。语法为： ,2019年5月23日,第32页,2. HyperLink（超链接）控件,这个控件为创建超链接提供了一种简便的方法。语法为： ,2019年5月23日,第33页,3. TextBox（文本框）控件,语法为： asp:Textbox id=“控件名称“ TextMode=“ SingleLine | Multiline | Password“ Text=“显示的文字“ MaxLength=“整数，表示输入的最大的字符数“ Rows=“整数，当为多行文本时的行数“ Columns=“整数，当为多行文本时的列数“,图4-6 新建数据库,2019年5月23日,第34页,3. TextBox（文本框）控件,Wrap=“True | False，表示当控件内容超过控件宽度时是否自动换行“ AutoPostBack=“True | False，表示在文本修改以后，是否自动上传数据“ OnTextChanged=“当文字改变时触发的事件过程“ runat=“server“ /,2019年5月23日,第35页,4. Image（图像）控件,2019年5月23日,第36页,5. RadioButton（单选框）控件, asp:RadioButton id=“控件名称“ Checked=“True | False，表示控件是否被 选中“ Text=“关联文字，为单选按钮创建标签“ TextAlign=“ True | False，表示文本标签相对于控件的对齐方式“ GroupName=“单选控件所处的组名称“,2019年5月23日,第37页,5. RadioButton（单选框）控件,AutoPostBack=“True | False “ OnCheckedChanged=“单击触发的事件过程“ runat=“server“ /,2019年5月23日,第38页,6. CheckBox（复选框）控件,2019年5月23日,第39页,7. Button（按钮）控件,2019年5月23日,第40页,8. LinkButton（超链接按钮）控件,语法为： ,2019年5月23日,第41页,9.ImageButton（图像按钮）控件,语法为： ,2019年5月23日,第42页,10. Panel（面板）控件,其它控件,2019年5月23日,第43页,11. Table（表格）控件,表格控件（Table）来提供可编程的表格服务器控件，表中的行可以通过TableRow控件创建，而表中的列通过TableCell控件来实现。,2019年5月23日,第44页,5.3.2 ASP.NET列表控件,列表控件能在一个控件中为用户提供多个选项，同时又能够避免用户输入错误的选项。ASP.NET提供的列表控件如表5-7所示。,2019年5月23日,第45页,2019年5月23日,第46页,1. DropDownList（列表）控件, 选项文字1 ,2019年5月23日,第47页,1. DropDownList（列表）控件, 选项文字2 ,2019年5月23日,第48页,2. ListBox（列表）控件,2019年5月23日,第49页,2. ListBox（列表）控件, 选项文字1 选项文字2 ,2019年5月23日,第50页,3.CheckBoxList（复选组）控件,2019年5月23日,第51页,3.CheckBoxList（复选组）控件, 选项文字0 选项文字1 ,2019年5月23日,第52页,4.RadioButtonList（单选组）控件,2019年5月23日,第53页,4. RadioButtonList（单选组）控件, 选项文字0 选项文字1 ,2019年5月23日,第54页,5.4 验证控件,5.4.1 验证控件及其作用 5.4.2 验证控件的公有成员 5.4.3 验证控件的用法 5.4.4 禁用数据验证,2019年5月23日,第55页,5.4.1 验证控件及其作用,ASP.NET验证控件是一个服务器控件集合，允许这些控件验证关联的输入服务器控件（如TextBox），并在验证失败时显示自定义消息，每个验证控件执行特定类型的验证。一个输入控件可以同时被多个验证控件关联验证。ASP.NET的验证控件如表5-8所示。,2019年5月23日,第56页,2019年5月23日,第57页,5.4.2 验证控件的公有成员,所有的验证控件都继承自BaseValidator 类，BaseValidator 类为所有的验证控件提供了一些公用的属性和方法，如表5-10所示。,2019年5月23日,第58页,2019年5月23日,第59页,2019年5月23日,第60页,5.4.3 验证控件的用法,1.RequiredFiel