第3章基本Web服务器控件.ppt

《第3章基本Web服务器控件.ppt》由会员分享，可在线阅读，更多相关《第3章基本Web服务器控件.ppt（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第3 3章章 基本基本WebWeb服务器控件服务器控件ASP.NET提供了一系列服务器控件，这些控件不仅增强了提供了一系列服务器控件，这些控件不仅增强了ASP.NET的功能，同时将以往由开发人员完成的许多重复工作都交由控件的功能，同时将以往由开发人员完成的许多重复工作都交由控件去完成，大大提高了开发人员的工作效率。创建去完成，大大提高了开发人员的工作效率。创建Web页面时，可使用的服页面时，可使用的服务器控件类型有务器控件类型有HTML服务器控件、服务器控件、Web服务器控件和用户控件服务器控件和用户控件3种。其中，种。其中，Web服务器控件是服务器控件是ASP.NET的精华所在。的精华所在

2、。Web服务器控件功能全面，极大服务器控件功能全面，极大地简化和方便了开发人员的开发工作。本章将主要介绍地简化和方便了开发人员的开发工作。本章将主要介绍Web服务器控件中服务器控件中的常用控件。的常用控件。本章学习的内容有：本章学习的内容有：输入和输出的控件输入和输出的控件按钮控件按钮控件单选按钮和复选框单选按钮和复选框列表控件列表控件广告条控件广告条控件日历控件日历控件3.1 3.1 输入和输出控件输入和输出控件在创建在创建ASP.NET网页时，开发人员可以使用网页时，开发人员可以使用HTML服务器控件、服务器控件、Web服务器控件、服务器控件、ASP.NET用户控件。其中，用户控件。其中，

3、Web服务器控件是实现服务器控件是实现ASP.NET网页的重要控件。本节将介网页的重要控件。本节将介绍最常用的绍最常用的Web服务器输入和输出控件。服务器输入和输出控件。3.1.1 3.1.1 使用使用LabelLabel控件显示文本控件显示文本在在Web表单页面添加静态文本时，最简单的办法就表单页面添加静态文本时，最简单的办法就是直接将文本添加到页面体之中。但这样一来，这些文本就是直接将文本添加到页面体之中。但这样一来，这些文本就不能通过编程的方式进行修改，这时就需要用到不能通过编程的方式进行修改，这时就需要用到Label控件。控件。该控件可以通过编程的方式，根据实际需要在代码中对文本该控件

4、可以通过编程的方式，根据实际需要在代码中对文本进行修改。进行修改。3.1.2 3.1.2 使用使用TextBoxTextBox控件实现用户身份验证控件实现用户身份验证TextBox控件可以显示控件可以显示3种种HTML标记之一。该控件标记之一。该控件可以显示标准的可以显示标准的HTML文本输入框、密码输入框和文本区域。文本输入框、密码输入框和文本区域。3.2 3.2 按钮控件按钮控件Web服务器控件包括服务器控件包括3种类型的按钮：标准命令按种类型的按钮：标准命令按钮（钮（Button控件）、图形化按钮（控件）、图形化按钮（ImageButton控件）和超级控件）和超级链接样式按钮（链接样式按

5、钮（LinkButton控件）。这控件）。这3种按钮具有相同的提种按钮具有相同的提交或链接功能，但具有不同的外观。交或链接功能，但具有不同的外观。当用户单击按钮时，当用户单击按钮时，3种类型的按钮都会将窗体提种类型的按钮都会将窗体提交给服务器。这些按钮还可引发自己的交给服务器。这些按钮还可引发自己的Click事件，可以为事件，可以为这些事件编写事件处理程序。这些事件编写事件处理程序。3.2.1 Button3.2.1 Button普通按钮控件普通按钮控件使用使用Button控件可以在网页上创建普通按钮。开发控件可以在网页上创建普通按钮。开发人员可以为人员可以为Click事件提供事件处理程序，以

6、便以编程方式控事件提供事件处理程序，以便以编程方式控制在用户单击制在用户单击“提交提交”按钮时，执行需要的操作。按钮时，执行需要的操作。3.2.2 LinkButton3.2.2 LinkButton链接按钮控件链接按钮控件LinkButton控件是在控件是在Web页上显示超链接样式的页上显示超链接样式的按钮控件。按钮控件。LinkButton控件的外观与另一个超链接控件控件的外观与另一个超链接控件HyperLink相同，但功能却与相同，但功能却与Button控件相同。如果要控件相同。如果要在单击按钮的同时链接到另外一个在单击按钮的同时链接到另外一个Web页，就可以使用页，就可以使用LinkB

7、utton控件。控件。3.2.3 ImageButton3.2.3 ImageButton图像按钮控件图像按钮控件ImageButton控件与控件与Button控件功能相似，只是控件功能相似，只是ImageButton控件可以在按钮上添加图片。控件可以在按钮上添加图片。ImageButton用用ImageUrl来指定图片的位置。按钮不再有名称，而是一副图来指定图片的位置。按钮不再有名称，而是一副图像，而像，而Button按钮显示的是通过按钮显示的是通过Text属性设置的文字。属性设置的文字。3.3 3.3 单选按钮和复选框单选按钮和复选框单选按钮是一组互斥的选项。每个单选按钮可以被单选按钮是一

8、组互斥的选项。每个单选按钮可以被选中或者不选。在任何时候，一组中只能有一个单选按钮被选中或者不选。在任何时候，一组中只能有一个单选按钮被选中。可以使用两种选中。可以使用两种Web控件将单选按钮添加到页面，即控件将单选按钮添加到页面，即RadioButton和和RadioButtonList控件。控件。RadioButton控件对单控件对单个的单选按钮的布局更适合，而当需要显示一个来自数据库个的单选按钮的布局更适合，而当需要显示一个来自数据库或集合的单选按钮时，或集合的单选按钮时，RadioButtonList控件更合适。控件更合适。3.3.1 3.3.1 使用使用RadioButtonRadi

9、oButton和和RadioButtonList RadioButtonList 使用使用RadioButton控件，可以将单选按钮一个个地添控件，可以将单选按钮一个个地添加到所需的页面中。通过使用加到所需的页面中。通过使用GroupName属性，可以对这属性，可以对这些单选按钮进行分组。在相同的组里，在任何时候只能有一些单选按钮进行分组。在相同的组里，在任何时候只能有一个单选按钮被选中。个单选按钮被选中。3.3.2 3.3.2 使用使用CheckBoxCheckBox控件和控件和CheckBoxList CheckBoxList CheckBox控件用于在控件用于在Web窗体页上创建复选框，

10、窗体页上创建复选框，该复选框允许用户在该复选框允许用户在True或或False状态之间切换。通过设置状态之间切换。通过设置Text属性，可以指定在控件中显示的标题，标题可显示在属性，可以指定在控件中显示的标题，标题可显示在复选框的右侧或左侧。设置复选框的右侧或左侧。设置TextAlign属性以指定标题显示属性以指定标题显示在哪一侧。在哪一侧。3.4 3.4 使用使用FileUploadFileUpload控件实现文件上传控件实现文件上传在常见的在常见的Web应用系统中，文件上传是经常会用到的。应用系统中，文件上传是经常会用到的。以前整个上传过程都得靠开发人员编程实现。在以前整个上传过程都得靠开

11、发人员编程实现。在.NET中，提供中，提供了上传文件控件了上传文件控件FileUpload，可以很方便地实现文件的上传。，可以很方便地实现文件的上传。3.5 3.5 使用使用DropDownListDropDownList控件创建下拉列表框控件创建下拉列表框DropDownList控件用于创建单一选择的下拉列表控件。控件用于创建单一选择的下拉列表控件。通过设置通过设置BorderColor、BorderStyle和和BorderWidth属性，可以属性，可以控制控制DropDownList控件的外观。如要指定在控件的外观。如要指定在DropDownList控件控件中显示的项，则应针对每个项在中

12、显示的项，则应针对每个项在DropDownList控件的开始和结控件的开始和结束标记之间，放置一个束标记之间，放置一个ListItem元素。使用元素。使用DataTextField和和DataValueField属性分别指定每个列表项的属性分别指定每个列表项的Text和和Value属性。属性。3.6 3.6 列表控件列表控件使用使用BulletedList控件可以创建静态项目列表，可以和控件可以创建静态项目列表，可以和数据源的数据进行绑定来显示数据列表，还可以通过编程的数据源的数据进行绑定来显示数据列表，还可以通过编程的方式对列表项进行动态控制。本节就介绍这两种方式的用法。方式对列表项进行动态

13、控制。本节就介绍这两种方式的用法。3.6.1 3.6.1 创建静态项目列表创建静态项目列表可以通过选择该控件的可以通过选择该控件的Items属性来打开属性来打开“ListItem集合编辑器集合编辑器”窗口，在其中对控件的各项进行编辑。窗口，在其中对控件的各项进行编辑。3.6.2 3.6.2 响应用户选择事件响应用户选择事件可以以编程的方式动态加载列表项，当将可以以编程的方式动态加载列表项，当将DisplayMode属性设置为属性设置为LinkButton时，列时，列表项可响应用户表项可响应用户的选择事件。的选择事件。3.7 3.7 用用ImageImage控件显示图像控件显示图像使用使用Ima

14、ge控件可以在页面上显示图像可以在其控件可以在页面上显示图像可以在其ImageUrl属性中设置显示图像的属性中设置显示图像的URL地址。地址。3.8 3.8 用用AdRotatorAdRotator控件创建广告条控件创建广告条使用使用Adrotator控件，可以创建广告条。在每次打开控件，可以创建广告条。在每次打开页面或者重新加载页面时，该控件会在页面上显示一则新的页面或者重新加载页面时，该控件会在页面上显示一则新的广告条，具体显示的广告条取决于广告条，具体显示的广告条取决于AdRotator配置文件。该配置文件。该文件是一个标准的文件是一个标准的XML文件，其中包含了显示广告图、链文件，其中

15、包含了显示广告图、链接和图片频率等信息。接和图片频率等信息。3.9 3.9 用用CalendarCalendar控件实现交互式的日历控件实现交互式的日历使用使用Calendar控件，可以轻松地创建一个日历。该控件，可以轻松地创建一个日历。该控件允许程序和用户交互。用户可以选择日期，可以在前、控件允许程序和用户交互。用户可以选择日期，可以在前、后月之间移动，还可以关联各种事件。后月之间移动，还可以关联各种事件。3.10 3.10 小结小结本章介绍了一些基本的本章介绍了一些基本的Web服务器控件，它们运行服务器控件，它们运行后生成标准的后生成标准的HTML表单元素，如单选按钮、文本框和列表表单元素，如单选按钮、文本框和列表框等。开发者可以直接在框等。开发者可以直接在ASP.NET页面中使用这些控件，为页面中使用这些控件，为Web应用程序创建用户界面。使用的时候，可以直接从工具应用程序创建用户界面。使用的时候，可以直接从工具箱中将需要的控件拖到页面的合理位置，然后设置其属性和箱中将需要的控件拖到页面的合理位置，然后设置其属性和进行相应的编程。熟练使用这些控件，读者可以开发出更好进行相应的编程。熟练使用这些控件，读者可以开发出更好的用户界面。的用户界面。