ASPNET-35标准控件--课件

ASP.NET 3.5标准控件标准控件1ppt课件本章要点：本章要点：理解理解理解理解ASP.NET 3.5ASP.NET 3.5页面事件处理流程页面事件处理流程页面事件处理流程页面事件处理流程了解了解了解了解HTMLHTML服务器控件服务器控件服务器控件服务器控件熟悉熟悉熟悉熟悉ASP.NET 3.5ASP.NET 3.5标准控件标准控件标准控件标准控件熟练掌握各个控件应用实例熟练掌握各个控件应用实例熟练掌握各个控件应用实例熟练掌握各个控件应用实例 2ppt课件目录目录4.1 ASP.NET 3.54.1 ASP.NET 3.5页面事件处理页面事件处理页面事件处理页面事件处理4.1.1 ASP.NET 3.5事件4.1.2 属性IsPostBack4.2 ASP.NET 3.54.2 ASP.NET 3.5服务器控件概述服务器控件概述服务器控件概述服务器控件概述4.2.1 HTML服务器控件简介4.2.2 Web服务器控件简介3ppt课件目录目录4.3 4.3 标准控件标准控件标准控件标准控件4.3.1 Label控件4.3.2 TextBox控件4.3.3 Button、LinkButton和ImageButton控件4.3.4 DropDownList控件4.3.5 ListBox控件4.3.6 CheckBox和CheckBoxList控件4.3.7 RadioButton和RadioButtonList控件4.3.8 Image和ImageMap控件4ppt课件目录目录4.3.9 HyperLink控件4.3.10 Table控件4.3.11 Panel和PlaceHolder控件4.3.12 MultiView和View控件4.3.13 Wizard控件4.4 4.4 小结小结小结小结 5ppt课件4.1 ASP.NET 3.5页面事件处理页面事件处理只有熟悉只有熟悉只有熟悉只有熟悉ASP.NET 3.5ASP.NET 3.5页面事件处理流程，才能页面事件处理流程，才能页面事件处理流程，才能页面事件处理流程，才能理解代码的执行顺序。理解代码的执行顺序。理解代码的执行顺序。理解代码的执行顺序。6ppt课件4.1.1 ASP.NET 3.5事件事件常用页面处理事件常用页面处理事件常用页面处理事件常用页面处理事件Page_PreInit：通过IsPostBack属性确定是否第一次处理该页、创建动态控件、动态设置主题属性、读取配置文件属性等。Page_Init：初始化控件属性。Page_Load：读取和更新控件属性。控件事件：处理特定事件，如Button控件的Click事件。事件处理的先后顺序事件处理的先后顺序事件处理的先后顺序事件处理的先后顺序Page_PreInit、Page_Init、Page_Load和控件的事件 7ppt课件4.1.1 ASP.NET 3.5事件（续）事件（续）ClickClick事件被触发时会引起页面往返处理。事件被触发时会引起页面往返处理。事件被触发时会引起页面往返处理。事件被触发时会引起页面往返处理。ChangeChange事事事事件件件件被被被被触触触触发发发发时时时时，先先先先将将将将事事事事件件件件的的的的信信信信息息息息暂暂暂暂时时时时保保保保存存存存在在在在客客客客户户户户端端端端的的的的缓缓缓缓冲冲冲冲区区区区中中中中，等等等等到到到到下下下下一一一一次次次次向向向向服服服服务务务务器器器器传传传传递递递递信信信信息息息息时时时时，再再再再和和和和其其其其他他他他信信信信息息息息一一一一起起起起发发发发送送送送给给给给服服服服务务务务器器器器。若若若若要要要要让让让让控控控控件件件件的的的的ChangeChange事事事事件件件件立立立立即即即即得得得得到到到到服服服服务务务务器器器器的的的的响响响响应应应应，就就就就需需需需要要要要将将将将该该该该控控控控件件件件的的的的属属属属性性性性AutoPostBackAutoPostBack值值值值设设设设为为为为truetrue。8ppt课件4.1.2 属性属性IsPostBack 当当当当控控控控件件件件的的的的事事事事件件件件被被被被触触触触发发发发时时时时，Page_LoadPage_Load事事事事件件件件会会会会在在在在控控控控件件件件的的的的事事事事件件件件之之之之前前前前被被被被触触触触发发发发。如如如如果果果果想想想想在在在在执执执执行行行行控控控控件件件件的的的的事事事事件件件件代代代代码码码码时时时时不不不不执执执执行行行行Page_LoadPage_Load事事事事件件件件中中中中的的的的代代代代码码码码，可以通过判断属性可以通过判断属性可以通过判断属性可以通过判断属性Page.IsPostBackPage.IsPostBack实现。实现。实现。实现。属属属属性性性性IsPostBackIsPostBack在在在在用用用用户户户户第第第第一一一一次次次次浏浏浏浏览览览览网网网网页页页页时时时时，会会会会返回值返回值返回值返回值falsefalse，否则返回值，否则返回值，否则返回值，否则返回值truetrue。9ppt课件实例实例4-1 属性属性IsPostBack应用应用本实例在页面第一次载入时显示本实例在页面第一次载入时显示本实例在页面第一次载入时显示本实例在页面第一次载入时显示“页面第一次页面第一次页面第一次页面第一次加载！加载！加载！加载！”。当单击按钮时显示。当单击按钮时显示。当单击按钮时显示。当单击按钮时显示“执行执行执行执行ClickClick事件事件事件事件代码！代码！代码！代码！”信息。信息。信息。信息。源程序：源程序：源程序：源程序：IsPostBack.aspxIsPostBack.aspx程序说明：当单击按钮时引起页面往返，此时程序说明：当单击按钮时引起页面往返，此时程序说明：当单击按钮时引起页面往返，此时程序说明：当单击按钮时引起页面往返，此时首先处理首先处理首先处理首先处理Page_LoadPage_Load事件中代码，但因为事件中代码，但因为事件中代码，但因为事件中代码，但因为“！IsPostBackIsPostBack”值为值为值为值为falsefalse，所以不执行，所以不执行，所以不执行，所以不执行“Response.WriteResponse.Write(“页面第一次加载！页面第一次加载！页面第一次加载！页面第一次加载！”)”，然后处理，然后处理，然后处理，然后处理ClickClick事事事事件中代码，显示件中代码，显示件中代码，显示件中代码，显示“执行执行执行执行ClickClick事件代码！事件代码！事件代码！事件代码！”信息。信息。信息。信息。10ppt课件4.2 ASP.NET 3.5服务器控件概述服务器控件概述HTMLHTML服务器控件：常用于升级原有的服务器控件：常用于升级原有的服务器控件：常用于升级原有的服务器控件：常用于升级原有的ASPASP页页页页面到面到面到面到ASP.NETASP.NET页面。页面。页面。页面。WebWeb服务器控件：目前的服务器控件：目前的服务器控件：目前的服务器控件：目前的ASP.NET 3.5ASP.NET 3.5网站建网站建网站建网站建设中，优先考虑设中，优先考虑设中，优先考虑设中，优先考虑WebWeb服务器控件。当服务器控件。当服务器控件。当服务器控件。当WebWeb服务服务服务服务器控件无法完成特定的任务时，可考虑器控件无法完成特定的任务时，可考虑器控件无法完成特定的任务时，可考虑器控件无法完成特定的任务时，可考虑HTMLHTML服务器控件。服务器控件。服务器控件。服务器控件。11ppt课件4.2.1 HTML服务器控件简介服务器控件简介实现了将实现了将实现了将实现了将XHTMLXHTML元素到服务器控件的转换。元素到服务器控件的转换。元素到服务器控件的转换。元素到服务器控件的转换。经过转换后，经过转换后，经过转换后，经过转换后，WebWeb窗体页就可访问窗体页就可访问窗体页就可访问窗体页就可访问XHTMLXHTML元元元元素（素（素（素（HTMLHTML服务器控件），从而实现在服务器服务器控件），从而实现在服务器服务器控件），从而实现在服务器服务器控件），从而实现在服务器端对端对端对端对HTMLHTML服务器控件的编程。服务器控件的编程。服务器控件的编程。服务器控件的编程。添加属性添加属性添加属性添加属性“runat=server runat=server”将转换将转换将转换将转换XHTMLXHTML元素到元素到元素到元素到HTMLHTML服务器控件。服务器控件。服务器控件。服务器控件。input id=Button2 type=button value=button runat=server/12ppt课件4.2.2 Web服务器控件简介服务器控件简介可以描述页面元素的功能、外观、操作方式和可以描述页面元素的功能、外观、操作方式和可以描述页面元素的功能、外观、操作方式和可以描述页面元素的功能、外观、操作方式和行为等。行为等。行为等。行为等。对于不同的浏览器，可能会得到不同的对于不同的浏览器，可能会得到不同的对于不同的浏览器，可能会得到不同的对于不同的浏览器，可能会得到不同的XHTMLXHTML输出。输出。输出。输出。根据功能不同分成标准控件、数据控件、验证根据功能不同分成标准控件、数据控件、验证根据功能不同分成标准控件、数据控件、验证根据功能不同分成标准控件、数据控件、验证控件、导航控件、登录控件、控件、导航控件、登录控件、控件、导航控件、登录控件、控件、导航控件、登录控件、WebPartsWebParts控件、控件、控件、控件、AJAX ExtensionsAJAX Extensions控件和用户自定义控件。控件和用户自定义控件。控件和用户自定义控件。控件和用户自定义控件。13ppt课件4.3 标准控件标准控件属性名说明属性名说明AccessKey控件的键盘快捷键Font控件的字体属性Attributes控件的所有属性集合Height控件的高度BackColor控件的背景色ID控件的编程标识符BoderWidth控件的边框宽度TabIndex控件的索引顺序BoderStyle控件的边框样式Text控件上显示的文本CssClass控件的CSS类名ToolTip当鼠标悬停在控件上时显示的文本CssStyle控件的样式Visible控件是否在Web页上显示Enabled是否启用Web服务器控件Width控件的宽度14ppt课件4.3.1 Label控件控件用于在浏览器上显示文本，可以在服务器端动用于在浏览器上显示文本，可以在服务器端动用于在浏览器上显示文本，可以在服务器端动用于在浏览器上显示文本，可以在服务器端动态地修改文本。态地修改文本。态地修改文本。态地修改文本。通过通过通过通过TextText属性指定控件显示的内容。定义的语属性指定控件显示的内容。定义的语属性指定控件显示的内容。定义的语属性指定控件显示的内容。定义的语法格式如下：法格式如下：法格式如下：法格式如下：asp:Label ID=Label1 runat=server Text=Label很实用的属性很实用的属性很实用的属性很实用的属性AssociatedControlIDAssociatedControlID：值可把：值可把：值可把：值可把LabelLabel控件与窗体中另一个服务器控件关联起控件与窗体中另一个服务器控件关联起控件与窗体中另一个服务器控件关联起控件与窗体中另一个服务器控件关联起来。来。来。来。15ppt课件实例实例4-2 通过键盘快捷键激活特定文本框通过键盘快捷键激活特定文本框当按下当按下当按下当按下ALT+NALT+N时，将激活用户名右边的文本框；时，将激活用户名右边的文本框；时，将激活用户名右边的文本框；时，将激活用户名右边的文本框；当按下当按下当按下当按下ALT+PALT+P时将激活密码右边的文本框。时将激活密码右边的文本框。时将激活密码右边的文本框。时将激活密码右边的文本框。源程序：源程序：源程序：源程序：Lable.aspx Lable.aspx 16ppt课件4.3.2 TextBox控件控件 用于显示数据或输入数据。语法格式如下：用于显示数据或输入数据。语法格式如下：用于显示数据或输入数据。语法格式如下：用于显示数据或输入数据。语法格式如下：17ppt课件 TextBox控件常用属性、方法和事件表控件常用属性、方法和事件表 TextMode属性值“SingleLine”表示单行文本框；值“Password”表示密码框，将显示特殊字符，如“*”；值“MultiLine”表示多行文本框。AutoPostBack属性值“true”表示当文本框内容改变且把焦点移出文本框时触发TextChanged事件，引起页面往返处理。AutoCompleteType属性标注能自动完成的类型，如Email表示能自动完成邮件列表。Focus()方法设置文本框焦点。TextChanged事件当改变文本框中内容且焦点离开文本框后触发。18ppt课件实例实例4-3 控件控件TextBox综合应用综合应用当当当当页页页页面面面面载载载载入入入入时时时时，焦焦焦焦点点点点自自自自动动动动定定定定位位位位在在在在用用用用户户户户名名名名右右右右边边边边的的的的文文文文本本本本框框框框中中中中；当当当当输输输输入入入入用用用用户户户户名名名名并并并并把把把把焦焦焦焦点点点点移移移移出出出出文文文文本本本本框框框框时时时时，将将将将触触触触发发发发TextChangedTextChanged事事事事件件件件，判判判判断断断断用用用用户户户户名名名名是是是是否否否否可可可可用用用用，若若若若可可可可用用用用则则则则在在在在lblValidatelblValidate中中中中显显显显示示示示“”，否否否否则则则则显显显显示示示示“用用用用户户户户名名名名已已已已占占占占用用用用！”；密密密密码码码码右右右右边边边边的的的的文文文文本本本本框框框框显显显显示示示示为为为为密密密密码码码码框框框框；E-mailE-mail右右右右边边边边的的的的文文文文本本本本框框框框具具具具有自动完成功能。有自动完成功能。有自动完成功能。有自动完成功能。源程序：源程序：源程序：源程序：TextBox.aspx TextBox.aspx 19ppt课件程序说明程序说明当页面载入时，触发当页面载入时，触发当页面载入时，触发当页面载入时，触发Page_LoadPage_Load事件，将焦点事件，将焦点事件，将焦点事件，将焦点定位在用户名右边的文本框中。定位在用户名右边的文本框中。定位在用户名右边的文本框中。定位在用户名右边的文本框中。本示例中用户合法性判断是与固定用户名本示例中用户合法性判断是与固定用户名本示例中用户合法性判断是与固定用户名本示例中用户合法性判断是与固定用户名“jxssgjxssg”比较，实际使用需连接数据库，与比较，实际使用需连接数据库，与比较，实际使用需连接数据库，与比较，实际使用需连接数据库，与数据库中保存的用户名比较。数据库中保存的用户名比较。数据库中保存的用户名比较。数据库中保存的用户名比较。要看到自动完成要看到自动完成要看到自动完成要看到自动完成EmailEmail列表的效果，需先输入列表的效果，需先输入列表的效果，需先输入列表的效果，需先输入E-mailE-mail并单击确认后再次输入信息时才能看到并单击确认后再次输入信息时才能看到并单击确认后再次输入信息时才能看到并单击确认后再次输入信息时才能看到效果。效果。效果。效果。20ppt课件4.3.3 Button4.3.3 Button、LinkButtonLinkButton和和和和ImageButtonImageButton控件控件控件控件 ButtonButton：传统按钮外观。：传统按钮外观。：传统按钮外观。：传统按钮外观。LinkButtonLinkButton：超链接外观。：超链接外观。：超链接外观。：超链接外观。ImageButtonImageButton：图形外观，其图像由：图形外观，其图像由：图形外观，其图像由：图形外观，其图像由ImageUrlImageUrl属性设置。属性设置。属性设置。属性设置。asp:LinkButton ID=LinkButton1 runat=server LinkButtonLinkButtonasp:ImageButton ID=ImageButton1 runat=server ImageUrl=/pic/map.JPG/21ppt课件按钮控件实用属性和事件按钮控件实用属性和事件PostBackUrlPostBackUrl属性：单击按钮时发送到的属性：单击按钮时发送到的属性：单击按钮时发送到的属性：单击按钮时发送到的URLURL。ClickClick事件：当单击按钮时被触发，执行服务器事件：当单击按钮时被触发，执行服务器事件：当单击按钮时被触发，执行服务器事件：当单击按钮时被触发，执行服务器端代码。端代码。端代码。端代码。ClientClickClientClick事件：当单击按钮时被触发，执行事件：当单击按钮时被触发，执行事件：当单击按钮时被触发，执行事件：当单击按钮时被触发，执行客户端代码。客户端代码。客户端代码。客户端代码。22ppt课件比较比较与与LinkButton 两者都能呈现超链接形式两者都能呈现超链接形式两者都能呈现超链接形式两者都能呈现超链接形式设置具体的跳转方法不同。在设置具体的跳转方法不同。在设置具体的跳转方法不同。在设置具体的跳转方法不同。在元素中通过元素中通过元素中通过元素中通过属性属性属性属性hrefhref设置，如：设置，如：设置，如：设置，如：链接到链接到链接到链接到2121世纪世纪世纪世纪 而在而在而在而在LinkButtonLinkButton中需要设置中需要设置中需要设置中需要设置PostBackUrlPostBackUrl属属属属性或在性或在性或在性或在ClickClick事件中输入代码，通过事件中输入代码，通过事件中输入代码，通过事件中输入代码，通过ResponseResponse对对对对象的重定向方法象的重定向方法象的重定向方法象的重定向方法Redirect()Redirect()实现，如：实现，如：实现，如：实现，如：Response.Redirect(http:/);Response.Redirect(http:/);23ppt课件实例实例4-4 利用利用Button控件执行客户端脚本控件执行客户端脚本要在单击要在单击要在单击要在单击ButtonButton控件后执行客户端脚本，需要控件后执行客户端脚本，需要控件后执行客户端脚本，需要控件后执行客户端脚本，需要使用使用使用使用ClientClickClientClick事件和事件和事件和事件和JavaScriptJavaScript。源程序：源程序：源程序：源程序：ClientClick.aspxClientClick.aspx程序说明：当单击删除按钮时，触发程序说明：当单击删除按钮时，触发程序说明：当单击删除按钮时，触发程序说明：当单击删除按钮时，触发ClientClickClientClick事件，执行事件，执行事件，执行事件，执行JavaScriptJavaScript代码代码代码代码“return confirm(return confirm(确定要删除记录吗确定要删除记录吗确定要删除记录吗确定要删除记录吗?)?)”，弹，弹，弹，弹出确认对话框。若单击出确认对话框。若单击出确认对话框。若单击出确认对话框。若单击“确定确定确定确定”按钮，触发按钮，触发按钮，触发按钮，触发ClickClick事件，执行删除操作（这里仅输出信息，事件，执行删除操作（这里仅输出信息，事件，执行删除操作（这里仅输出信息，事件，执行删除操作（这里仅输出信息，实际操作需连接数据库）；若单击实际操作需连接数据库）；若单击实际操作需连接数据库）；若单击实际操作需连接数据库）；若单击“取消取消取消取消”，将不再触发将不再触发将不再触发将不再触发ClickClick事件，运行结束。事件，运行结束。事件，运行结束。事件，运行结束。24ppt课件4.3.4 DropDownList控件控件允许用户从预定义的下拉列表中选择一项。允许用户从预定义的下拉列表中选择一项。允许用户从预定义的下拉列表中选择一项。允许用户从预定义的下拉列表中选择一项。asp:DropDownList ID=DropDownList1 runat=server25ppt课件DropDownList控件实用属性和事件表控件实用属性和事件表 DataSource属性使用的数据源。DataTextField属性对应数据源中的一个字段，该字段所有内容将被显示于下拉列表中。DataValueField属性数据源中的一个字段，指定下拉列表中每个可选项的值。Items属性列表中所有选项的集合，经常使用Items.Add()方法添加项，Clear()方法删除所有项。SelectedItem属性当前选定项。SelectedValue属性当前选定项的属性Value值。SelectedIndexChanged事件当选择下拉列表中一项后被触发。DataBind()方法绑定数据源。26ppt课件添加项到添加项到 DropDownList中中在属性窗口中直接对属性在属性窗口中直接对属性在属性窗口中直接对属性在属性窗口中直接对属性ItemsItems进行设置进行设置进行设置进行设置 利用利用利用利用DropDownListDropDownList对象的对象的对象的对象的Items.Add()Items.Add()方法添方法添方法添方法添加项，如：加项，如：加项，如：加项，如：DropDownList1.Items.Add(new ListItem(DropDownList1.Items.Add(new ListItem(浙浙浙浙江江江江,zhejiang);,zhejiang);通过属性通过属性通过属性通过属性DataSourceDataSource设置数据源，再通过设置数据源，再通过设置数据源，再通过设置数据源，再通过DataBindDataBind()()方法显示数据。方法显示数据。方法显示数据。方法显示数据。27ppt课件实例实例4-5 实现联动的下拉列表实现联动的下拉列表联动的下拉列表在实际工程项目中非常普遍，联动的下拉列表在实际工程项目中非常普遍，联动的下拉列表在实际工程项目中非常普遍，联动的下拉列表在实际工程项目中非常普遍，如要查询某班级的课表，需要如要查询某班级的课表，需要如要查询某班级的课表，需要如要查询某班级的课表，需要“学年学年学年学年学期学期学期学期分院分院分院分院班级班级班级班级”这样联动的下拉列表。这样联动的下拉列表。这样联动的下拉列表。这样联动的下拉列表。本实例以日期联动为例，在默认情况下，显示本实例以日期联动为例，在默认情况下，显示本实例以日期联动为例，在默认情况下，显示本实例以日期联动为例，在默认情况下，显示系统日期，当改变年或月时，相应的每月天数系统日期，当改变年或月时，相应的每月天数系统日期，当改变年或月时，相应的每月天数系统日期，当改变年或月时，相应的每月天数会随之而变。会随之而变。会随之而变。会随之而变。28ppt课件实例实例4-5 实现联动的下拉列表（续）实现联动的下拉列表（续）源程序：源程序：源程序：源程序：DropDownList.aspx DropDownList.aspx 程序说明：浏览时首先触发程序说明：浏览时首先触发程序说明：浏览时首先触发程序说明：浏览时首先触发Page_LoadPage_Load事件，事件，事件，事件，绑定年、月、日到三个绑定年、月、日到三个绑定年、月、日到三个绑定年、月、日到三个DropDownListDropDownList控件。当控件。当控件。当控件。当改变年或月份时，触发相应控件的改变年或月份时，触发相应控件的改变年或月份时，触发相应控件的改变年或月份时，触发相应控件的SelectedIndexChangedSelectedIndexChanged事件形成页面往返，将事件形成页面往返，将事件形成页面往返，将事件形成页面往返，将相应月份的天数绑定到相应月份的天数绑定到相应月份的天数绑定到相应月份的天数绑定到ddlDayddlDay。29ppt课件4.3.5 ListBox控件控件DropDownListDropDownList和和和和ListBoxListBox控件都允许用户从列控件都允许用户从列控件都允许用户从列控件都允许用户从列表中选择项，区别在于表中选择项，区别在于表中选择项，区别在于表中选择项，区别在于DropDownListDropDownList的列表在的列表在的列表在的列表在用户选择前处于隐藏状态，而用户选择前处于隐藏状态，而用户选择前处于隐藏状态，而用户选择前处于隐藏状态，而ListBoxListBox的选项列的选项列的选项列的选项列表是可见的，并且可同时选择多项。表是可见的，并且可同时选择多项。表是可见的，并且可同时选择多项。表是可见的，并且可同时选择多项。asp:ListBox ID=ListBox1 runat=server SelectionModeSelectionMode属性：值为属性：值为属性：值为属性：值为MultipleMultiple表示允许选表示允许选表示允许选表示允许选择多项。择多项。择多项。择多项。30ppt课件实例实例实例实例4-6 4-6 实现数据项在实现数据项在实现数据项在实现数据项在ListBoxListBox控件之间的移动控件之间的移动控件之间的移动控件之间的移动当选择左边列表框中的项，再单击按钮后相应当选择左边列表框中的项，再单击按钮后相应当选择左边列表框中的项，再单击按钮后相应当选择左边列表框中的项，再单击按钮后相应的项将移动到右边的列表框。的项将移动到右边的列表框。的项将移动到右边的列表框。的项将移动到右边的列表框。源程序：源程序：源程序：源程序：ListBox.aspx ListBox.aspx 31ppt课件4.3.6 CheckBox和和CheckBoxList控件控件为用户提供为用户提供为用户提供为用户提供“真真真真/假假假假”、“是是是是/否否否否”或或或或“开开开开/关关关关”选项之间进行选择的方法，若需要多项选择，选项之间进行选择的方法，若需要多项选择，选项之间进行选择的方法，若需要多项选择，选项之间进行选择的方法，若需要多项选择，可以使用多个可以使用多个可以使用多个可以使用多个CheckBoxCheckBox或单个或单个或单个或单个CheckBoxListCheckBoxList，但一般采用，但一般采用，但一般采用，但一般采用CheckBoxListCheckBoxList。asp:CheckBox ID=CheckBox1 runat=server/asp:CheckBoxList ID=CheckBoxList1 runat=server 32ppt课件4.3.6 CheckBox和和CheckBoxList控件（续）控件（续）注意：注意：注意：注意：判断判断判断判断CheckBoxCheckBox是否选中的属性是是否选中的属性是是否选中的属性是是否选中的属性是CheckedChecked，而，而，而，而CheckBoxListCheckBoxList作为集合控件，判作为集合控件，判作为集合控件，判作为集合控件，判断列表项是否选中的属性是成员的断列表项是否选中的属性是成员的断列表项是否选中的属性是成员的断列表项是否选中的属性是成员的SelectedSelected属属属属性。性。性。性。在实际工程项目中，一般设置在实际工程项目中，一般设置在实际工程项目中，一般设置在实际工程项目中，一般设置CheckBoxListCheckBoxList的的的的属性属性属性属性AutoPostBackAutoPostBack值为值为值为值为falsefalse。要提交数据到服。要提交数据到服。要提交数据到服。要提交数据到服务器，不采用务器，不采用务器，不采用务器，不采用CheckBoxListCheckBoxList的自身事件，而是的自身事件，而是的自身事件，而是的自身事件，而是常配合常配合常配合常配合ButtonButton控件实现。控件实现。控件实现。控件实现。33ppt课件实例实例4-7 CheckBoxList应用应用当选择个人爱好并单击提交按钮后显示选中项当选择个人爱好并单击提交按钮后显示选中项当选择个人爱好并单击提交按钮后显示选中项当选择个人爱好并单击提交按钮后显示选中项的提示信息。的提示信息。的提示信息。的提示信息。源程序：源程序：源程序：源程序：CheckBoxList.aspx CheckBoxList.aspx 34ppt课件4.3.7 RadioButton和和RadioButtonList控件控件常用于在多种选择中只能选择一项的场合。单常用于在多种选择中只能选择一项的场合。单常用于在多种选择中只能选择一项的场合。单常用于在多种选择中只能选择一项的场合。单个的个的个的个的RadioButtonRadioButton只能提供单项选择，可以将只能提供单项选择，可以将只能提供单项选择，可以将只能提供单项选择，可以将多个多个多个多个RadioButtonRadioButton形成一组，方法是设置每个形成一组，方法是设置每个形成一组，方法是设置每个形成一组，方法是设置每个RadioButtonRadioButton的属性的属性的属性的属性GroupNameGroupName为同一名称。为同一名称。为同一名称。为同一名称。asp:RadioButton ID=RadioButton1 runat=server GroupName=group/asp:RadioButton ID=RadioButton2 runat=server GroupName=group/35ppt课件4.3.7 RadioButton和和RadioButtonList控件控件asp:RadioButtonList ID=RadioButtonList1 runat=server 男男男男 女女女女注意：注意：注意：注意：判断判断判断判断RadioButtonRadioButton是否选中使用是否选中使用是否选中使用是否选中使用CheckedChecked属性，而获取属性，而获取属性，而获取属性，而获取RadioButtonListRadioButtonList的选中项使用属的选中项使用属的选中项使用属的选中项使用属性性性性SelectedItemSelectedItem。36ppt课件4.3.8 Image和和ImageMap控件控件ImageImage控件用于在控件用于在控件用于在控件用于在WebWeb窗体上显示图像，图像窗体上显示图像，图像窗体上显示图像，图像窗体上显示图像，图像源文件可以使用源文件可以使用源文件可以使用源文件可以使用ImageUrlImageUrl属性在界面设计时确属性在界面设计时确属性在界面设计时确属性在界面设计时确定，也可以在编程时指定。在工程实际项目中定，也可以在编程时指定。在工程实际项目中定，也可以在编程时指定。在工程实际项目中定，也可以在编程时指定。在工程实际项目中常与数据源绑定，根据数据源指定信息显示图常与数据源绑定，根据数据源指定信息显示图常与数据源绑定，根据数据源指定信息显示图常与数据源绑定，根据数据源指定信息显示图像。像。像。像。asp:Image ID=Image1 runat=server ImageUrl=/pic/map.JPG/注意：注意：注意：注意：ImageImage控件不包含控件不包含控件不包含控件不包含ClickClick事件，如果需要事件，如果需要事件，如果需要事件，如果需要ClickClick事件处理流程，可使用事件处理流程，可使用事件处理流程，可使用事件处理流程，可使用ImageButtonImageButton控件控件控件控件代替代替代替代替ImageImage控件。控件。控件。控件。37ppt课件4.3.8 Image和和ImageMap控件（续）控件（续）ImageMapImageMap控件除可以用来显示图像外，还可控件除可以用来显示图像外，还可控件除可以用来显示图像外，还可控件除可以用来显示图像外，还可以实现图像的超链接。以实现图像的超链接。以实现图像的超链接。以实现图像的超链接。可以将显示的图像划分为不同形状的热点区域，可以将显示的图像划分为不同形状的热点区域，可以将显示的图像划分为不同形状的热点区域，可以将显示的图像划分为不同形状的热点区域，分别链接到不同的网页。分别链接到不同的网页。分别链接到不同的网页。分别链接到不同的网页。在工程实际项目中，常用于导航条、地图等。在工程实际项目中，常用于导航条、地图等。在工程实际项目中，常用于导航条、地图等。在工程实际项目中，常用于导航条、地图等。热点区域通过属性热点区域通过属性热点区域通过属性热点区域通过属性HotSpotHotSpot设置，划分的区域设置，划分的区域设置，划分的区域设置，划分的区域有圆形有圆形有圆形有圆形CircleHotSpotCircleHotSpot、长方形、长方形、长方形、长方形RectangleHotSpotRectangleHotSpot和任意多边形和任意多边形和任意多边形和任意多边形PolygonHotSpotPolygonHotSpot，每个区域通过属性，每个区域通过属性，每个区域通过属性，每个区域通过属性NavigateUrlNavigateUrl确定要链接到的确定要链接到的确定要链接到的确定要链接到的URLURL。38ppt课件实例实例4-8 利用利用ImageMap设计导航条设计导航条 整整整整个个个个导导导导航航航航条条条条是是是是一一一一张张张张图图图图片片片片，当当当当设设设设置置置置好好好好热热热热点点点点区区区区域域域域后后后后，点击不同区域将链接到不同网页。点击不同区域将链接到不同网页。点击不同区域将链接到不同网页。点击不同区域将链接到不同网页。源程序：源程序：源程序：源程序：ImageMap.aspx ImageMap.aspx 39ppt课件4.3.9 HyperLink控件控件用于在网页上创建链接，与元素用于在网页上创建链接，与元素用于在网页上创建链接，与元素用于在网页上创建链接，与元素不同，不同，不同，不同，HyperLinkHyperLink控件可以与数据源绑定。控件可以与数据源绑定。控件可以与数据源绑定。控件可以与数据源绑定。asp:HyperLink ID=HyperLink1 runat=server Target=_blankHyperLinkHyperLink属性属性属性属性TargetTarget：值为框架名、：值为框架名、：值为框架名、：值为框架名、_blank_blank或或或或_self_self。框。框。框。框架名决定了在指定的框架中显示链接页，架名决定了在指定的框架中显示链接页，架名决定了在指定的框架中显示链接页，架名决定了在指定的框架中显示链接页，_blank_blank决定了在一个新窗口中显示链接页，而决定了在一个新窗口中显示链接页，而决定了在一个新窗口中显示链接页，而决定了在一个新窗口中显示链接页，而_self_self决定了在原窗口中显示链接页。决定了在原窗口中显示链接页。决定了在原窗口中显示链接页。决定了在原窗口中显示链接页。40ppt课件4.3.9 HyperLink控件控件注意：注意：注意：注意：HyperLinkHyperLink控件不包含控件不包含控件不包含控件不包含ClickClick事件，要使事件，要使事件，要使事件，要使用用用用ClickClick事件可用事件可用事件可用事件可用LinkButtonLinkButton控件代替。控件代替。控件代替。控件代替。在同时设置属性在同时设置属性在同时设置属性在同时设置属性TextText和和和和ImageUrlImageUrl的情况下，的情况下，的情况下，的情况下，ImageUrlImageUrl优先。若找不到图片则显示属性优先。若找不到图片则显示属性优先。若找不到图片则显示属性优先。若找不到图片则显示属性TextText设置的内容。设置的内容。设置的内容。设置的内容。在在在在HyperLinkHyperLink中直接设置中直接设置中直接设置中直接设置ImageUrlImageUrl后显示的图后显示的图后显示的图后显示的图形尺寸是不可调的，若要改变图形尺寸，可配形尺寸是不可调的，若要改变图形尺寸，可配形尺寸是不可调的，若要改变图形尺寸，可配形尺寸是不可调的，若要改变图形尺寸，可配合使用合使用合使用合使用ImageImage控件。控件。控件。控件。41ppt课件实例实例4-9 组合使用组合使用HyperLink和和Image控件控件本实例呈现页面中显示图片的尺寸与实际图片的本实例呈现页面中显示图片的尺寸与实际图片的本实例呈现页面中显示图片的尺寸与实际图片的本实例呈现页面中显示图片的尺寸与实际图片的尺寸不相同。尺寸不相同。尺寸不相同。尺寸不相同。源程序：源程序：源程序：源程序：HyperLink.aspx HyperLink.aspx 42ppt课件4.3.10 Table控件控件用于在用于在用于在用于在WebWeb窗体上动态地创建表格，是一种容窗体上动态地创建表格，是一种容窗体上动态地创建表格，是一种容窗体上动态地创建表格，是一种容器控件。器控件。器控件。器控件。TableTable对象由行（对象由行（对象由行（对象由行（TableRowTableRow）对象组）对象组）对象组）对象组成，成，成，成，TableRowTableRow对象由单元格（对象由单元格（对象由单元格（对象由单元格（TableCellTableCell）对象）对象）对象）对象组成。组成。组成。组成。学号学号学号学号 姓名姓名姓名姓名 成绩成绩成绩成绩 43ppt课件4.3.10 Table控件（续）控件（续）注意：注意：注意：注意：向向向向TableTable添加行使用属性添加行使用属性添加行使用属性添加行使用属性RowsRows；向；向；向；向TableRowTableRow添加单元格使用属性添加单元格使用属性添加单元格使用属性添加单元格使用属性CellsCells；向；向；向；向TableCellTableCell添加控件使用属性添加控件使用属性添加控件使用属性添加控件使用属性ControlsControls。44ppt课件实例实例4-10 动态生成表格动态生成表格 本实例页面上的简易成绩录入界面实质是动态本实例页面上的简易成绩录入界面实质是动态本实例页面上的简易成绩录入界面实质是动态本实例页面上的简易成绩录入界面实质是动态生成的表格。生成的表格。生成的表格。生成的表格。源程序：源程序：源程序：源程序：Table.aspx Table.aspx 45ppt课件4.3.11 Panel和和PlaceHolder控件控件 都是都是都是都是WebWeb窗体上的容器控件，常用于动态地建窗体上的容器控件，常用于动态地建窗体上的容器控件，常用于动态地建窗体上的容器控件，常用于动态地建立控件和不同情况下在同一个页面上显示不同立控件和不同情况下在同一个页面上显示不同立控件和不同情况下在同一个页面上显示不同立控件和不同情况下在同一个页面上显示不同内容。相比较而言，内容。相比较而言，内容。相比较而言，内容。相比较而言，PanelPanel控件的属性要丰富得控件的属性要丰富得控件的属性要丰富得控件的属性要丰富得多。多。多。多。PanelPanel控件把包含在其中的控件组当成一个控件把包含在其中的控件组当成一个控件把包含在其中的控件组当成一个控件把包含在其中的控件组当成一个整体看待，这样可以统一设置属性。整体看待，这样可以统一设置属性。整体看待，这样可以统一设置属性。整体看待，这样可以统一设置属性。asp:Panel ID=Panel1 runat=serverasp:PlaceHolder ID=PlaceHolder1 runat=server 46ppt课件实例实例4-11 利用利用Panel实现简易注册页面实现简易注册页面源程序：源程序：源程序：源程序：Panel.aspx Panel.aspx 程序说明：程序说明：程序说明：程序说明：当页面载入时，首先执行Page_Load事件代码，将pnlStep1设置为可见，而将其它两个Panel控件设置为不可见。判断用户名是否重复在实际工程项目中将与数据库连接。信息也将保存到数据库中。47ppt课件实例实例4-12 利用利用PlaceHolder动态添加控件动态添加控件PlaceHolderPlaceHolder控件在控件在控件在控件在WebWeb窗体上起到占位的作用，窗体上起到占位的作用，窗体上起到占位的作用，窗体上起到占位的作用，可向其中动态地添加需要的控件。可向其中动态地添加需要的控件。可向其中动态地添加需要的控件。可向其中动态地添加需要的控件。源程序：源程序：源程序：源程序：PlaceHolder.aspx PlaceHolder.aspx 程序说明：页面载入时，执行程序说明：页面载入时，执行程序说明：页面载入时，执行程序说明：页面载入时，执行Page_LoadPage_Load事件事件事件事件代码，动态生成一个代码，动态生成一个代码，动态生成一个代码，动态生成一个ButtonButton控件和一个控件和一个控件和一个控件和一个TextBoxTextBox控件。当单击控件。当单击控件。当单击控件。当单击“确认确认确认确认”按钮时，根据按钮时，根据按钮时，根据按钮时，根据注册的事件执行注册的事件执行注册的事件执行注册的事件执行btnSubmit_Click()btnSubmit_Click()中代码。中代码。中代码。中代码。48ppt课件实例实例4-12 利用利用PlaceHolder动态添加控件动态添加控件注意：注意：注意：注意：如果一个包含动态生成控件的页面有往如果一个包含动态生成控件的页面有往如果一个包含动态生成控件的页面有往如果一个包含动态生成控件的页面有往返处理，那么动态生成控件的代码要放在返处理，那么动态生成控件的代码要放在返处理，那么动态生成控件的代码要放在返处理，那么动态生成控件的代码要放在Page_LoadPage_Load事件中，当页面往返时触发事件中，当页面往返时触发事件中，当页面往返时触发事件中，当页面往返时触发Page_LoadPage_Load事件需要重复生成动态控件；动态事件需要重复生成动态控件；动态事件需要重复生成动态控件；动态事件需要重复生成动态控件；动态生成的控件不能在设计时直接绑定事件代码，生成的控件不能在设计时直接绑定事件代码，生成的控件不能在设计时直接绑定事件代码，生成的控件不能在设计时直接绑定事件代码，需手工注册；在获取动态生成控件中文本框等需手工注册；在获取动态生成控件中文本框等需手工注册；在获取动态生成控件中文本框等需手工注册；在获取动态生成控件中文本框等控件的输入信息时，需要使用控件的输入信息时，需要使用控件的输入信息时，需要使用控件的输入信息时，需要使用FindControl()FindControl()方方方方法先找到控件。法先找到控件。法先找到控件。法先找到控件。49ppt课件4.3.12 MultiView和和View控件控件提供了一种多视图切换显示信息的方式，可以提供了一种多视图切换显示信息的方式，可以提供了一种多视图切换显示信息的方式，可以提供了一种多视图切换显示信息的方式，可以容易地实现分页多步骤功能。在使用时，容易地实现分页多步骤功能。在使用时，容易地实现分页多步骤功能。在使用时，容易地实现分页多步骤功能。在使用时，MultiViewMultiView作为作为作为作为ViewView的容器控件，的容器控件，的容器控件，的容器控件，ViewView作为其作为其作为其作为其它控件的容器控件。它控件的容器控件。它控件的容器控件。它控件的容器控件。ActiveViewIndexActiveViewIndex属性：决定了当前显示哪个视属性：决定了当前显示哪个视属性：决定了当前显示哪个视属性：决定了当前显示哪个视图，默认值为图，默认值为图，默认值为图，默认值为-1-1，值，值，值，值0 0表示表示表示表示MultiViewMultiView中包含的中包含的中包含的中包含的第一个第一个第一个第一个View View。50ppt课件View中中Button类型控件实用属性表类型控件实用属性表 CommandNameCommandArgument说明NextView不需要设置显示下一个ViewPrevView不需要设置显示上一个ViewSwitchViewByID要切换到的View控件ID切换到指定ID的ViewViewByIndex要切换到的View控件索引号切换到指定索引号的View51ppt课件实例实例实例实例4-13 4-13 利用利用利用利用MultiViewMultiView和和和和ViewView实现用户编程习惯调查实现用户编程习惯调查实现用户编程习惯调查实现用户编程习惯调查源程序：源程序：源程序：源程序：MultiView.aspx MultiView.aspx 52ppt课件4.3.13 Wizard控件控件WizardWizard控件作为一种向导控件，主要用于搜集控件作为一种向导控件，主要用于搜集控件作为一种向导控件，主要用于搜集控件作为一种向导控件，主要用于搜集用户信息、配置系统等。用户信息、配置系统等。用户信息、配置系统等。用户信息、配置系统等。53ppt课件4.3.13 Wizard控件（续）控件（续）54ppt课件4.3.13 Wizard控件（续）控件（续）侧栏（侧栏（侧栏（侧栏（SideBarSideBar）：包含所有向导步骤的列表，）：包含所有向导步骤的列表，）：包含所有向导步骤的列表，）：包含所有向导步骤的列表，这些列表内容来自这些列表内容来自这些列表内容来自这些列表内容来自WizardStepWizardStep的属性的属性的属性的属性TitleTitle值。值。值。值。对应的模板属性是对应的模板属性是对应的模板属性是对应的模板属性是SideBarTemplateSideBarTemplate。标题（标题（标题（标题（HeaderHeader）：每个向导步骤提供一致的标）：每个向导步骤提供一致的标）：每个向导步骤提供一致的标）：每个向导步骤提供一致的标题信息，对应的模板属性是题信息，对应的模板属性是题信息，对应的模板属性是题信息，对应的模板属性是HeaderTemplateHeaderTemplate。向导步骤集合（向导步骤集合（向导步骤集合（向导步骤集合（WizardStepsWizardSteps）：）：）：）：WizardWizard控件控件控件控件的核心，必须逐个为向导的每个步骤定义内容。的核心，必须逐个为向导的每个步骤定义内容。的核心，必须逐个为向导的每个步骤定义内容。的核心，必须逐个为向导的每个步骤定义内容。每个步骤需设置的属性和内含的控件都体现在每个步骤需设置的属性和内含的控件都体现在每个步骤需设置的属性和内含的控件都体现在每个步骤需设置的属性和内含的控件都体现在元素中，所有的元素中，所有的元素中，所有的元素中，所有的又包含在又包含在又包含在又包含在元元元元素中。素中。素中。素中。55ppt课件4.3.13 Wizard控件（续）控件（续）导航按钮（导航按钮（导航按钮（导航按钮（NavigationButtonNavigationButton）：呈现形式与每）：呈现形式与每）：呈现形式与每）：呈现形式与每个个个个WizardStepWizardStep的属性的属性的属性的属