《NET》课件第3章 ASP.NET Web窗体和服务器控件

Web窗体和服务器控件概述文本服务器控件按钮服务器控件图像服务器控件选择服务器控件列表服务器控件容器服务器控件增强控件本章任务2024/7/61>>任务目标了解Web窗体了解Web服务器控件的共有属性任务3-1Web窗体和服务器控件概述2024/7/62Web窗体的共有属性任务3-1Web窗体和服务器控件概述Accesskey属性BackColor和ForeColor属性边框属性Enable属性Font属性TabIndex属性ToolTip属性2024/7/63任务目标了解Label控件的基本属性和使用了解Literal控件的基本属性和使用了解TextBox控件的基本属性和使用了解HyperLink控件的基本属性和使用2024/7/64任务3-2文本服务器控件Label控件一般用来给文本框、列表框、组合框等控件添加描述性的文字，或给窗体添加说明文字，或用来显示处理结果等信息。Label控件的语法格式如下：<asp:Labelid="Label1"Text="要显示的文本内容"runat="server"/>2024/7/65任务3-2文本服务器控件Literal控件当要以编程方式设置文本而不添加额外的HTML标记时，可以向页面添加Literal控件。当要向页面动态添加文本而不添加任何不属于该动态文本的元素时，Literal控件非常有用。Literal控件的语法格式如下：<asp:Literalid="Literal1"Text="要显示的文本内容"runat="server"/>2024/7/66任务3-2文本服务器控件TextBox控件TextBox控件用于让用户在Web页面中输入文本信息2024/7/67任务3-2文本服务器控件属性/事件名属性/事件取值功能说明AutoPostBack属性True/False设置是否允许自动回传事件到服务器Columns属性数字设置可显示的最大列数MaxLength属性数字设置最多可输入字符数Rows属性数字设置可显示的最大行数TextMode属性Single/MutilLine/Password单行/多行/密码显示Text属性字符串确定文本框的值Wrap属性True/False确定是否允许自动换行OnTextChanged事件当内部文本发生变化时可触发的事件TextBox常用属性和事件HyperLink控件HyperLink控件用于创建超链接，相当于HTML元素的<A>标注2024/7/68任务3-2文本服务器控件属性/事件名属性/事件取值功能说明Text属性字符串设置超链接文本ImageURL属性URL字符串当用一个图像链接时，设置图像所在位置NavigateURL属性URL字符串设置要链接的网址Target属性字符串设置链接内容显示方式HyperLink控件常用属性任务目标了解button按钮控件的基本属性和使用了解LinkButton控件的基本属性和使用了解ImageButton控件的基本属性和使用2024/7/69任务3-3按钮服务器控件Button控件Button控件是一种常用的单击按钮传递信息的方式，能够把页面信息返回到服务器2024/7/610任务3-3按钮服务器控件属性/事件名属性/事件取值功能说明Text属性字符串表示在按钮上显示文本CommandName属性字符串用于获取或设置Button按钮将要触发事件的名称，当有多个按钮共享一个时间处理函数时，通过CommandName来区分要执行哪个Button事件CommandArgument属性字符串用于指示命令传递的参数，提供有关要执行的命令的附加信息以便于在事件中进行判断CauseValidation属性True/False当用户单击按钮时要执行的事件处理方法Button控件的主要属性button按钮的使用任务情景描述页面上存放一个button按钮，没有点击按钮时候显示没有单击确定按钮，点击之后显示点击了确定按钮。2024/7/611任务3-3按钮服务器控件图3-3点击按钮前

图3-4点击按钮后制作登录页面任务情景描述本实例主要设计学生管理系统的用户登录页面2024/7/612任务3-3按钮服务器控件图3-5用户登录界面ImageButton控件ImageButton控件是一个图片形式的按钮其功能与普通控件（Button）类似ImageButton控件是以图片作为按钮外观与Image相似，功能与Button相同。2024/7/613任务3-3按钮服务器控件任务目标了解Image控件的基本属性和用法了解ImageMap控件的基本属性和用法2024/7/614任务3.4图像服务器控件Image控件Image控件是用于显示图像的，相当于HTML标记语言中的<img>标记。Image控件在VisualStudio.NET2005的工具箱的“标准”选项卡中形如

2024/7/615任务3.4图像服务器控件图片浏览页面任务情景描述很多网站都具备图片浏览功能，有的网站通过幻灯片的方式来浏览图片，有的通过Flash动画来浏览图片。本实例通过动态添加超级链接控件，并连接到需要浏览的图片来实现图片的浏览功能。2024/7/616任务3.4图像服务器控件图3-7图像显示页面效果制作站点地图页面任务情景描述利用本节图像服务器空间的而只是来实现一个简易的网站地图导航。要做一个网站地图导航，首先就要设计一个网站的地图，这个地图可以是任何格式的图像文件，可以使用ImageMap控件实现在图像上单击某一区域可浏览相应的网页。2024/7/617任务3.4图像服务器控件图3-9站点地图页面效果选择服务器控件任务目标了解CheckBox控件、CheckBoxList控件的基本属性和用法了解RaidoButton控件、RadioButtonList控件的基本属性和用法2024/7/618任务3.5选择服务器控件CheckBox控件CheckBox控件用于Web窗体中创建复选框允许用户在true和false之间切换提供用户从选项中进行多项选择的功能。2024/7/619任务3.5选择服务器控件属性/事件名属性/事件名取值功能说明AutoPostBack属性True/false当该值为True是且用户选择改变时触发服务器的OnCheckedChanged事件Text属性字符串设置选项的文本TextAlign属性Right/Left设置显示文本的对齐方式Checked属性True/false确定复选框是否选中OnCheckedChanged属性处理事件的方法名当复选框发生变化时可触发的事件处理方法表3-9CheckBox常用属性和事件CheckBoxList控件CheckBoxList是一个CheckBox控件组是一个CheckBox的集合当需要显示CheckBox控件并对所有控件都要相似的处理方式时，使用该控件比较方便2024/7/620任务3.5选择服务器控件属性/事件名属性/事件取值功能说明AutoPostBack属性True/False当该值为True是且用户选择改变时触发服务器的OnCheckedChanged事件CellPadding属性整数设置各选项之间的距离DataSource属性数据源对象设置选项数据源的对象DataTextField属性数据字段对象设置与数据源相关的数据字段DataValueField属性数据字段值对象设置与数据源相关的数据字段的值RepeatColumns属性整数确定选项分行显示的字段数RepeatDirection属性Vertical/Horizontal确定选项的排列方式是垂直还是水平RepeatLayout属性Flow/Table确定选型的排列方式是平铺还是表格TextAlign属性Right/Left设置文字的对齐方式Checked属性True/False确定复选框是否选中Items属性集合在编码时使用，表示各选项的集合SelectedIndexes属性集合在编码时使用，表示所有已选项的集合SelectedIndex属性整数在编码时使用，用于表示已选项的索引SelectedItem属性对象在编码时使用，用于表示一个被选定的项目SelectedItems属性集合在编码时使用，用于表示所有被选项的集合OnSelectedIndexChanged事件处理事件的方法名当复选框发生变化时可以触发事件的处理方法RaidoButton控件RadioButton控件是一个用于选择的单选按钮控件RadioButton控件常用属性和事件如下表3-8所示：2024/7/621任务3.5选择服务器控件属性/事件名属性/事件取值功能说明AutoPostBack属性True/False当该值为True时，如何控件的选择发生变化，就自动触发服务器的OnCheckdChanged事件Text属性字符串设置选项的显示文字TextAlign属性Right/Left设置选项的文字的对齐方式Checked属性True/False确定控件是否被选中GroupName属性字符串设置控件所属的组的名称，属于同一组的单选按钮控件在同一时刻只能有一个被选中OnCheckedChanged事件处理事件的方法名设置当选项发生变化时可触发事件的处理程序RadioButtonList控件RaidoButtonList控件是一个RadioButton控件组表示多个控件的组合有多个选项需要用户进行单选时，使用该控件十分方便2024/7/622任务3.5选择服务器控件CheckBox控件CheckBox控件用于Web窗体中创建复选框，该复选框允许用户在true和false之间切换，提供用户从选项中进行多项选择的功能。2024/7/623任务3.5选择服务器控件属性/事件名属性/事件名取值功能说明AutoPostBack属性True/false当该值为True是且用户选择改变时触发服务器的OnCheckedChanged事件Text属性字符串设置选项的文本TextAlign属性Right/Left设置显示文本的对齐方式Checked属性True/false确定复选框是否选中OnCheckedChanged属性处理事件的方法名当复选框发生变化时可触发的事件处理方法CheckBox常用属性和事件CheckBoxList控件CheckBoxList是一个CheckBox控件组是一个CheckBox的集合当需要显示CheckBox控件并对所有控件都要相似的处理方式时，使用该控件比较方便2024/7/624任务3.5选择服务器控件获取用户的个人爱好任务情景描述本实例主要是实现使用复选列表控件实现添加个人爱好的功能，效果图如下所示：2024/7/625任务3.5选择服务器控件添加个人爱好页面效果图任务目标了解ListBox控件的基本属性和使用了解DropDownList控件的基本属性和使用了解BulletedList控件的基本属性和使用2024/7/626任务3.6列表服务器控件ListBox控件ListBox控件是一个静态列表框，用户可以在该控件中添加一组内容列表，以供访问网页的用户选择其中的一项或多项。2024/7/627任务3.6列表服务器控件属性/事件名属性/事件名取值功能说明AutoPostBack属性True/false当该值为True是且用户选择改变时触发服务器的OnCheckedChanged事件DataSource属性数据源对象设置数据源对象DataTextField属性数据字段对象设置与数据源相关的数据字段DataValueField属性数据字段值对象设置与数据源相关的数据字段的值Rows属性整数设置显示项目的窗口行数Items属性集合在编码时使用，用于表示各个选项的集合SelectedIndex属性整数在编码时使用，用于表示已选项的索引SelectedItem属性对象在编码时使用，用于表示一个被选定的项目SelectedValue属性对象获取ListBox控件中选定的项的值。SelectionMode属性Single/Multiple获取或设置ListBox控件的选定模式

OnSelectedIndexChanged事件处理事件的方法名当复选框发生变化时可触发的事件处理方法两个列表框级联任务情景描述本实例主要实现两个列表框级联，通过选择国家找到对应的地区信息，运行效果如下图所示：2024/7/628任务3.6列表服务器控件图3-11列表级联效果图DropDownList控件DropDownList服务器控件是一个下拉列表框控件，该控件与ListBox控件类似也可以选择一项或多项内容，只是它们的外观不同。DropDownList控件有一个下拉列表框，而ListBox控件是在静态列表中显示内容。2024/7/629任务3.6列表服务器控件BulletedList控件BulletedList服务器控件是一个项目列表控件，用于创建以项目符号格式化的列表项，而且还可以显示为超链接列表。BulletedList控件可以直接添加列表项，也可以通过绑定数据设置列表项。2024/7/630任务3.6列表服务器控件任务目标了解Panel控件的基本属性和使用了解MultiView控件的基本属性和使用了解PlaceHolder控件的基本属性和使用2024/7/631任务3.7容器服务器控件Panel控件Panel控件在页面内为其他控件提供一个容器将多个控件放入Panel控件作为一个单元进行控制可使用Panel控件作为一组控件创建独特的外观。2024/7/632任务3.7容器服务器控件属性/事件名属性/事件取值功能说明BackImageUrl属性背景图片的链接地址设置Panel的背景图片HorizzontalAlign属性Center/Left/Right设置panel中控件的水平对齐方式Wrap属性True/False确定是否设置自动换行表3-16Panel控件的基本属性Panel控件的应用任务情景描述本实例主要实现Panel控件的使用，点击基本信息可以显示基本信息控件，点击联系方式可以显示联系方式的Panel控件，运行效果如下图3-14所示：2024/7/633任务3.7容器服务器控件图3-14页面运行效果图任务目标了解AdRotator控件的基本属性和使用了解Calendar控件的基本属性和使用了解Table控件的基本属性和使用了解FileUpload控件的基本属性和使用2024/7/634任务3.8增强控件AdRotator控件AdRotator控件又称广告控件，使用AdRotator控件可以在web页面上显示随机选定的广告条，并在一系列广告条之间