第4章ASPNET 35标准控件

1、Web开发技术1本章要求：本章要求： 了解了解HTML服务器控件服务器控件 熟悉熟悉ASP.NET 3.5标准控件标准控件 熟练掌握控件的应用方式熟练掌握控件的应用方式 第第4章章 ASP.NET 3.5标准控件标准控件Web开发技术2目目 录录 4.1 ASP.NET 3.5页面事件处理页面事件处理 4.2 ASP.NET 3.5服务器控件概述服务器控件概述 4.3 标准控件标准控件 4.4 小结小结Web开发技术34.1 ASP.NET 3.5页面事件处理页面事件处理 Web窗体的事件模型窗体的事件模型WebWeb窗体事件的触发和响应过程窗体事件的触发和响应过程控件控件的三大要素：的三大要

2、素：属性、方法和事件属性、方法和事件Web开发技术44.1.1 ASP.NET 3.5事件事件常用事件常用事件:Page_Load事件：打开页面或重载页面时触发事件：打开页面或重载页面时触发,事件处理方法名与事件名相同。事件处理方法名与事件名相同。（Page类中定义）类中定义） void Page_Load(object sender, EventArgs e) sender 表示触发事件的对象，表示触发事件的对象， e 包含事件信息包含事件信息Web开发技术5 Click事件被触发时一般会引起事件被触发时一般会引起页面重新加载页面重新加载。 void SubmitButton_Click(o

3、bject sender, EventArgs e) Change事件被触发时，先将事件的信息暂时保事件被触发时，先将事件的信息暂时保存在客户端的缓冲区中，等到下一次向服务器存在客户端的缓冲区中，等到下一次向服务器传递信息时，再和其他信息一起发送给服务器。传递信息时，再和其他信息一起发送给服务器。若要让控件的若要让控件的Change事件立即得到服务器的响事件立即得到服务器的响应，就需要将该控件的属性应，就需要将该控件的属性AutoPostBack值设值设为为true。void TextBox1_TextChanged(object sender, EventArgs e)Web开发技术64.1

4、.2 属性属性IsPostBack 当控件的事件被触发时，当控件的事件被触发时，Page_Load事件会事件会在控件的事件之前被触发。如果想在执行在控件的事件之前被触发。如果想在执行控件的事件代码时不执行控件的事件代码时不执行Page_Load事件中事件中的 代 码 ， 可 以 通 过 判 断 属 性的 代 码 ， 可 以 通 过 判 断 属 性Page.IsPostBack实现。实现。 属性属性IsPostBack在用户第一次浏览网页时，在用户第一次浏览网页时，会返回值会返回值false，否则返回值，否则返回值true。Web开发技术7实例实例4-1 属性属性IsPostBack应用应用 P

5、age_Load事件和事件和Click事件一起使用事件一起使用 本实例在页面第一次载入时显示本实例在页面第一次载入时显示“页面第一次加页面第一次加载！载！”。当单击按钮时显示。当单击按钮时显示“执行执行Click事件代事件代码！码！”。 源程序：源程序：IsPostBack.aspx（P73） 程序说明：当单击按钮时引起页面往返，此时首先程序说明：当单击按钮时引起页面往返，此时首先处理处理Page_Load事件中代码，但因为事件中代码，但因为“！IsPostBack”值为值为false，所以不执行，所以不执行“Response.Write(“页面第一页面第一次加载！次加载！”)”，然后处理，然

6、后处理Click事件中代码，显示事件中代码，显示“执行执行Click事件代码！事件代码！”信息。信息。 Web开发技术8IsPostBack.aspx Web开发技术9using System;public partial class chap4_IsPostBack : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) Response.Write(“页面第一次加载！页面第一次加载！”); /先显示先显示 protected void Button1_Click(o

7、bject sender, EventArgs e) Response.Write(执行执行Click事件代码！事件代码！); IsPostBack.aspx.cs去掉去掉if语句，观察运行结果语句，观察运行结果Web开发技术104.2 ASP.NET 3.5服务器控件概述服务器控件概述 控件是网页设计的基础，在工具箱中，点击工具箱控件是网页设计的基础，在工具箱中，点击工具箱中的控件，拖动到设计窗口。中的控件，拖动到设计窗口。 HTML服务器控件：常用于升级原有的服务器控件：常用于升级原有的ASP页面到页面到ASP.NET页面（标记变控件）。页面（标记变控件）。 Web服务器控件服务器控件：目

8、前的：目前的ASP.NET 3.5网站建设中，网站建设中，优先考虑优先考虑Web服务器控件服务器控件。当。当Web服务器控件无法服务器控件无法完成特定的任务时，可考虑完成特定的任务时，可考虑HTML服务器控件。服务器控件。 Web开发技术114.2.1 HTML服务器控件简介服务器控件简介 实现了将实现了将XHTML元素到服务器控件的转换。经过转元素到服务器控件的转换。经过转换后，换后，Web窗体页就可访问窗体页就可访问XHTML元素，从而实现元素，从而实现在服务器端对在服务器端对HTML服务器控件的编程。服务器控件的编程。 添加属性添加属性“runat=server ”将转换将转换XHTML

9、元素到元素到HTML服务器控件。服务器控件。 工具箱内，工具箱内，HTML控件中的控件中的Table控件和控件和div控件控件用于用于布局布局Web开发技术124.2.2 Web服务器控件简介服务器控件简介 实现实现Web系统的外观、功能、操作方式等。系统的外观、功能、操作方式等。 可以从工具箱中拖到设计窗口和源码窗口，可以从工具箱中拖到设计窗口和源码窗口，控件名字的前面具有控件名字的前面具有asp:标记。标记。 根据功能不同分成根据功能不同分成标准控件标准控件、数据控件数据控件、验验证控件证控件、导航控件导航控件、登录控件登录控件、WebParts控控件、件、AJAX Extensions控

10、件控件和用户自定义控件。和用户自定义控件。 Web开发技术134.3 标准控件标准控件属性名属性名说明说明属性名属性名说明说明AccessKey控件的键盘快捷键控件的键盘快捷键Font控件的字体属性控件的字体属性Width控件的宽度控件的宽度Height控件的高度控件的高度BackColor控件的背景色控件的背景色ID控件的编程标识符控件的编程标识符BoderWidth控件的边框宽度控件的边框宽度TabIndex控件的索引顺序控件的索引顺序BoderStyle控件的边框样式控件的边框样式Text控件上显示的文本控件上显示的文本CssClass控件的控件的CSS类名类名ToolTip当鼠标悬停在

11、控件上时显示的文本当鼠标悬停在控件上时显示的文本CssStyle控件的样式控件的样式Visible控件是否在控件是否在Web页上显示页上显示Enabled是否启用是否启用Web服务器服务器控件控件公共属性公共属性Web开发技术144.3.1 Label控件控件 用于在浏览器上显示文本，可以在服务器端用于在浏览器上显示文本，可以在服务器端动态地修改显示内容。动态地修改显示内容。 通过通过Text属性属性指定控件显示的内容。定义的指定控件显示的内容。定义的语法格式如下：语法格式如下：Web开发技术154.3.2 TextBox控件控件 用于输入或显示数据。语法格式如下：用于输入或显示数据。语法格式

12、如下： TextMode属性属性 Text属性属性值值“SingleLine”表示单行文本框；值表示单行文本框；值“Password”表示表示密码框，将显示特殊字符，如密码框，将显示特殊字符，如“*”；值；值“MultiLine”表示多行文本框。表示多行文本框。 通过通过Text属性置值和取值。属性置值和取值。AutoPostBack属性属性值值“true”表示当文本框内容改变且把焦点移出文本框表示当文本框内容改变且把焦点移出文本框时触发时触发TextChanged事件，引起页面往返处理。事件，引起页面往返处理。AutoCompleteType属性属性标注能自动完成的类型，如标注能自动完成的类

13、型，如Email表示能自动完成邮件表示能自动完成邮件地址列表。地址列表。Focus()方法方法设置文本框焦点。设置文本框焦点。TextChanged事件事件当改变文本框中内容且焦点离开文本框后触发。当改变文本框中内容且焦点离开文本框后触发。Web开发技术16实例实例4-3 控件控件TextBox综合应用综合应用 当页面载入时，焦点自动定位在用户名右边的文本当页面载入时，焦点自动定位在用户名右边的文本框中；当输入用户名并把焦点移出文本框时，将触框中；当输入用户名并把焦点移出文本框时，将触发发TextChanged事件，判断用户名是否可用，若可事件，判断用户名是否可用，若可用则在用则在lblVal

14、idate中显示中显示“”，否则显示，否则显示“用户名用户名已占用！已占用！”；密码右边的文本框显示为密码框；密码右边的文本框显示为密码框；E-mail右边的文本框具有自动完成功能。右边的文本框具有自动完成功能。 源程序：源程序：TextBox.aspx （P77 )Web开发技术17程序说明程序说明 当页面载入时，触发当页面载入时，触发Page_Load事件，将焦事件，将焦点定位在用户名右边的文本框中。点定位在用户名右边的文本框中。 本示例中用户合法性判断是与固定用户名本示例中用户合法性判断是与固定用户名“jxssg”比较，实际使用需连接数据库，与数比较，实际使用需连接数据库，与数据库中保存

15、的用户名比较。据库中保存的用户名比较。 要看到自动完成要看到自动完成Email列表的效果，需先输入列表的效果，需先输入E-mail并单击确认后再次输入信息时才能看并单击确认后再次输入信息时才能看到效果。到效果。Web开发技术18TextBox.aspx 用户名：用户名： 密密 码：码： E-mail ： Web开发技术19TextBox.aspx.csusing System;public partial class chap4_TextBox : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) t

16、xtName.Focus(); protected void txtName_TextChanged(object sender, EventArgs e) if (txtName.Text = jxssg) lblValidate.Text = 用户名已占用！用户名已占用！; else lblValidate.Text = ; Web开发技术204.3.3 Button、LinkButton和和ImageButton控件控件 Button：传统按钮外观：传统按钮外观 LinkButton：超链接外观：超链接外观 ImageButton：图形外观，其图像由：图形外观，其图像由ImageUrl属

17、性设属性设置。置。 LinkButton Web开发技术21按钮控件实用属性和事件按钮控件实用属性和事件 PostBackUrl属性：单击按钮时链接到的属性：单击按钮时链接到的URL。 Click事件：当单击按钮时被触发，执行服事件：当单击按钮时被触发，执行服务器端代码。务器端代码。 ClientClick事件：当单击按钮时被触发，执事件：当单击按钮时被触发，执行客户端代码。行客户端代码。Web开发技术22比较比较与与LinkButton 两者都能呈现超链接形式两者都能呈现超链接形式 设置具体的跳转方法不同。在设置具体的跳转方法不同。在元素中通过属性元素中通过属性href设置，如：设置，如：

18、链接到链接到21世纪世纪而在而在LinkButton中需要设置中需要设置PostBackUrl属性或在属性或在Click事件处理代码中，通过事件处理代码中，通过Response对象的重定向对象的重定向方法方法Redirect()实现，如：实现，如： Response.Redirect(http:/); Web开发技术23实例实例4-4 利用利用Button控件执行客户端脚本控件执行客户端脚本 要在单击要在单击Button控件后执行客户端脚本，需要使用控件后执行客户端脚本，需要使用ClientClick事件和事件和JavaScript。 源程序：源程序：ClientClick.aspx（P80

19、) 程序说明：当单击删除按钮时，触发程序说明：当单击删除按钮时，触发ClientClick事事件，执行件，执行JavaScript代码代码“return confirm(确定要删确定要删除记录吗除记录吗?)”，弹出确认对话框。若单击，弹出确认对话框。若单击“确定确定”按按钮，触发钮，触发Click事件，执行删除操作（这里仅输出信事件，执行删除操作（这里仅输出信息，实际操作需连接数据库）；若单击息，实际操作需连接数据库）；若单击“取消取消”，将不再触发将不再触发Click事件，运行结束。事件，运行结束。 Web开发技术24 using System; /ClientClick.aspx.cspu

20、blic partial class chap4_ClientClick : System.Web.UI.Page protected void Button1_Click(object sender, EventArgs e) Response.Write(删除成功！删除成功！); 实验使用三个按钮实验使用三个按钮ClientClick.aspxWeb开发技术254.3.4 DropDownList控件控件 允许用户从预定义的下拉列表中允许用户从预定义的下拉列表中选择一项选择一项。Web开发技术26DropDownList控件实用属性和事件表控件实用属性和事件表 DataSource属性属性

21、使用的数据源。使用的数据源。DataTextField属性属性对应数据源中的一个字段，该字段所有内容将被对应数据源中的一个字段，该字段所有内容将被显示于下拉列表中。显示于下拉列表中。DataValueField属性属性数据源中的一个字段，指定下拉列表中每个可选数据源中的一个字段，指定下拉列表中每个可选项的值。项的值。Items属性属性列表中所有选项的集合，经常使用列表中所有选项的集合，经常使用Items.Add()方方法添加项，法添加项，Clear()方法删除所有项。方法删除所有项。SelectedItem属性属性当前选定项。当前选定项。SelectedValue属性属性当前选定项的属性当前选

22、定项的属性Value值值 。SelectedIndexChanged事件事件当选择下拉列表中一项后被触发。当选择下拉列表中一项后被触发。DataBind()方法方法绑定数据源。绑定数据源。Web开发技术27添加项到添加项到 DropDownList中中 在属性窗口中直接对属性在属性窗口中直接对属性Items进行设置进行设置 利用利用DropDownList对象的对象的Items.Add()方法方法添加项，如：添加项，如：DropDownList1.Items.Add(new ListItem(浙江浙江, zhejiang); 通过属性通过属性DataSource设置数据源，再通过设置数据源，再

23、通过DataBind()方法显示数据。方法显示数据。 Web开发技术28实例实例4-5 实现联动的下拉列表实现联动的下拉列表 联动的下拉列表在实际工程项目中非常普遍，联动的下拉列表在实际工程项目中非常普遍，如要查询某班级的课表，需要如要查询某班级的课表，需要“学年学年学期学期学院学院班级班级”这样联动的下拉列表。这样联动的下拉列表。 本实例以日期联动为例，在默认情况下，显示本实例以日期联动为例，在默认情况下，显示系统日期，当改变年或月时，相应的每月天数系统日期，当改变年或月时，相应的每月天数会随之而变。会随之而变。Web开发技术29实例实例4-5 实现联动的下拉列表（续）实现联动的下拉列表（续

24、） 源程序：源程序：DropDownList.aspx （P83 ) 程序说明：浏览时首先触发程序说明：浏览时首先触发Page_Load事件，绑定年、月、日到三个事件，绑定年、月、日到三个DropDownList控件。当改变年或月份时，控件。当改变年或月份时，触发相应控件的触发相应控件的SelectedIndexChanged事事件形成页面往返，将相应月份的天数绑件形成页面往返，将相应月份的天数绑定到定到ddlDay。Web开发技术30 年年 月月 日日 DropDownList.aspx.cs p83Web开发技术31using System;using System.Web.UI.WebC

25、ontrols;public partial class chap4_DropDownList : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) /页面第一次载入，向各下拉列表填充值页面第一次载入，向各下拉列表填充值 BindYear(); BindMonth(); BindDay(); DropDownList.aspx.csWeb开发技术32 protected void BindYear() ddlYear.Items.Clear(); /清空年份下拉列表中

26、项清空年份下拉列表中项 int startYear = DateTime.Now.Year - 10; int currentYear = DateTime.Now.Year; /向年份下拉列表添加项向年份下拉列表添加项 for (int i = startYear; i = currentYear; i+) ddlYear.Items.Add(new ListItem(i.ToString(); /设置年份下拉列表默认项设置年份下拉列表默认项 ddlYear.SelectedValue = currentYear.ToString(); protected void BindMonth()

27、ddlMonth.Items.Clear(); /向月份下拉列表添加项向月份下拉列表添加项 for (int i = 1; i = 12; i+) ddlMonth.Items.Add(i.ToString(); Web开发技术33 protected void BindDay() ddlDay.Items.Clear(); /获取年获取年、月、月份下拉列表选中值份下拉列表选中值 string year = ddlYear.SelectedValue; string month = ddlMonth.SelectedValue; /获取相应年、月对应的天数获取相应年、月对应的天数 int da

28、ys = DateTime.DaysInMonth(int.Parse(year), int.Parse(month); /向日期下拉列表添加项向日期下拉列表添加项 for (int i = 1; i = days; i+) ddlDay.Items.Add(i.ToString(); protected void ddlYear_SelectedIndexChanged(object sender, EventArgs e) BindDay(); protected void ddlMonth_SelectedIndexChanged(object sender, EventArgs e)

29、BindDay(); /类结束类结束实验可视化设置与属性设置实验可视化设置与属性设置Web开发技术344.3.5 ListBox控件控件 DropDownList和和ListBox控件都允许用户从控件都允许用户从列表中选择项，区别在于列表中选择项，区别在于DropDownList的的列表在用户选择前处于隐藏状态，而列表在用户选择前处于隐藏状态，而ListBox的的选项列表是可见的，并且可同时选择多项选项列表是可见的，并且可同时选择多项。 SelectionMode属性：值为属性：值为Multiple表示允许表示允许选择多项。选择多项。 Web开发技术35实例实例4-6 实现数据项在实现数据项在

30、ListBox控件之控件之间的移动间的移动 当选择左边列表框中的项，再单击按钮当选择左边列表框中的项，再单击按钮后相应的项将移动到右边的列表框。后相应的项将移动到右边的列表框。 源程序：源程序：ListBox.aspx （P85)Web开发技术36 湖南湖南 江西江西 北京北京 上海上海 南京南京 Web开发技术37 using System;public partial class chap4_ListBox : System.Web.UI.Page protected void btnMove_Click(object sender, EventArgs e) /遍历左边列表框中所有项遍历

31、左边列表框中所有项 for (int i = 0; i lstLeft.Items.Count; i+) /Count发生变化发生变化 if (lstLeft.Itemsi.Selected) /判断项是否选中判断项是否选中 /向右边列表框添加选中的一项向右边列表框添加选中的一项 lstRight.Items.Add(lstLeft.Itemsi); lstLeft.Items.Remove(lstLeft.Itemsi); /调整左边列表框中剩余项索引号调整左边列表框中剩余项索引号 i-; Web开发技术384.3.6 CheckBox和和CheckBoxList控件控件多项选择列表为用户提

32、供多项选择列表为用户提供“真真/假假”、“是是/否否”或或“开开/关关” 多项选择的方法。可以使用多个多项选择的方法。可以使用多个CheckBox或单个或单个CheckBoxList，但一般采用，但一般采用CheckBoxList。 Web开发技术394.3.6 CheckBox和和CheckBoxList控件（续）控件（续） 注意：注意：判断判断CheckBox是否选中的属性是是否选中的属性是Checked，而，而CheckBoxList作为集合控件，判断作为集合控件，判断列表项是否选中的属性是列表项是否选中的属性是该项的该项的Selected属性。属性。 在实际工程项目中，一般设置在实际工

33、程项目中，一般设置CheckBoxList的的属性属性AutoPostBack值为值为false。要提交数据到服。要提交数据到服务器，不采用务器，不采用CheckBoxList的自身事件，而是的自身事件，而是常常配合配合Button控件控件实现。实现。 Web开发技术40实例实例4-7 CheckBoxList应用应用 当选择个人爱好并单击提交按钮后显示当选择个人爱好并单击提交按钮后显示选中项的提示信息。选中项的提示信息。 源程序：源程序：CheckBoxList.aspx (P87)足球足球篮球篮球羽毛球羽毛球乒乓球乒乓球Web开发技术41using System;using System.

34、Web.UI.WebControls;public partial class chap4_CheckBoxList : System.Web.UI.Page protected void btnSubmit_Click(object sender, EventArgs e) lblMsg.Text = 您选择了：您选择了：; /遍历复选框中所有项遍历复选框中所有项 foreach (ListItem listItem in chklsSport.Items) if (listItem.Selected) lblMsg.Text = lblMsg.Text + listItem.Text +

35、  Web开发技术424.3.7 RadioButton和和RadioButtonList控件控件 单项选择列表用于在多种选择中只能选择一项的场合。单项选择列表用于在多种选择中只能选择一项的场合。单个的单个的RadioButton只能提供单项选择，可以将多个只能提供单项选择，可以将多个RadioButton形成一组，方法是设置每个形成一组，方法是设置每个RadioButton的属性的属性GroupName为同一名称。为同一名称。Web开发技术43 男男 女女 注意：注意：判断判断RadioButton是否选中使用是否选中使用Checked属性，而获取属性，而获取RadioBu

36、ttonList的选中项使用属的选中项使用属性性SelectedItem。 参照上述例题，设计应用参照上述例题，设计应用RadioButtonList控件控件的程序。的程序。Web开发技术444.3.8 Image和和ImageMap控件控件 Image控件用于在控件用于在Web窗体上显示图像，图像源文窗体上显示图像，图像源文件可以使用件可以使用ImageUrl属性在界面设计时确定，也可属性在界面设计时确定，也可以在编程时指定。在工程实际项目中常与数据源绑以在编程时指定。在工程实际项目中常与数据源绑定，根据数据源指定显示图像。定，根据数据源指定显示图像。 注意：注意：Image控件不包含控件不

37、包含Click事件，如果需要事件，如果需要Click事件处理流程，可使用事件处理流程，可使用ImageButton控件代替控件代替Image控件。控件。Web开发技术454.3.8 Image和和ImageMap控件（续）控件（续） ImageMap控件除可以用来显示图像外，还可以实现控件除可以用来显示图像外，还可以实现图像的超链接。图像的超链接。 可以将显示的图像划分为不同形状的热点区域，分可以将显示的图像划分为不同形状的热点区域，分别链接到不同的网页。别链接到不同的网页。 在工程实际项目中，常用于导航条、地图等。在工程实际项目中，常用于导航条、地图等。 热点区域通过属性热点区域通过属性Ho

38、tSpot设置，划分的区域有圆形设置，划分的区域有圆形CircleHotSpot、长方形、长方形RectangleHotSpot和任意多和任意多边形边形PolygonHotSpot，每个区域通过属性，每个区域通过属性NavigateUrl确定要链接到的确定要链接到的URL。Web开发技术46实例实例4-8 利用利用ImageMap设计导航条设计导航条 整个导航条是一张图片，当设置好热点整个导航条是一张图片，当设置好热点区域后，点击不同区域将链接到不同网区域后，点击不同区域将链接到不同网页。页。 源程序：源程序：ImageMap.aspx (P90)Web开发技术474.3.9 HyperLin

39、k控件控件 用于在网页上创建链接用于在网页上创建链接 HyperLink 属性属性NavigateUrl确定要链接到的确定要链接到的URL。 属性属性Target：值为框架名、：值为框架名、_blank或或_self。框架名决。框架名决定了在指定的框架中显示链接页，定了在指定的框架中显示链接页，_blank决定了在一决定了在一个新窗口中显示链接页个新窗口中显示链接页，而而_self决定了在原窗口中显决定了在原窗口中显示链接页。示链接页。Web开发技术48 ImageUrl属性设置在图片上建立链接，属性设置在图片上建立链接，Text属性设属性设置在文本上建立链接。置在文本上建立链接。ImageU

40、rl优先，若找不到图优先，若找不到图片则显示属性片则显示属性Text设置的内容。设置的内容。 在在HyperLink中直接设置中直接设置ImageUrl后显示的图形尺后显示的图形尺寸是不可调的，若要改变图形尺寸，可配合使用寸是不可调的，若要改变图形尺寸，可配合使用Image控件。控件。 注意：注意：HyperLink控件不包含控件不包含Click事件，要使用事件，要使用Click事件可用事件可用LinkButton控件代替。控件代替。Web开发技术49实例实例4-9 组合使用组合使用HyperLink和和Image控件控件 本实例页面中显示图片的尺寸与实际图片的尺寸不相同。本实例页面中显示图片

41、的尺寸与实际图片的尺寸不相同。 源程序：源程序：HyperLink.aspx (P91) Web开发技术504.3.10 Table控件控件 用于在用于在Web窗体上动态地创建表格，是一种窗体上动态地创建表格，是一种容器控件。容器控件。Table对象由行（对象由行（TableRow）对象）对象组成，组成，TableRow对象由单元格（对象由单元格（TableCell）对象组成。对象组成。 学号学号 姓名姓名 成绩成绩 Web开发技术51注意：注意：在在“设计视图设计视图”中，进入中，进入Table属性窗口，使用属性窗口，使用属性属性Rows添加行；使用添加行；使用Rows的属性的属性Cells

42、添加单元格。添加单元格。在代码中添加行是建立在代码中添加行是建立TableRow对象；添加单元格使对象；添加单元格使用用TableCell对象；添加控件使用对象；添加控件使用Controls对象。对象。实例实例4-10 动态生成表格动态生成表格 本实例页面上的简易成绩录入界面实质本实例页面上的简易成绩录入界面实质是动态生成的表格。是动态生成的表格。 源程序：源程序：Table.aspx (P93)Web开发技术52Table.aspx 学号学号 姓名姓名 成绩成绩 Web开发技术53Web开发技术54Table.aspx.csusing System;using System.Web.UI.W

43、ebControls;public partial class chap4_Table : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) /设置初使值，实际工程中来源于数据库设置初使值，实际工程中来源于数据库 string number = 20030201, 20030202 ; string name = 张三张三, 李四李四 ; for (int i = 1; i = 2; i+) /动态生成表格动态生成表格 /建立一个行对象建立一个行对象 TableRow row = new TableR

44、ow(); /建立第一个单元格对象建立第一个单元格对象 TableCell cellNumber = new TableCell(); /建立第二个单元格对象建立第二个单元格对象 TableCell cellName = new TableCell(); Web开发技术55 TableCell cellInput = new TableCell(); /第三个单元格第三个单元格对象对象 /设置第一个单元格的属性设置第一个单元格的属性Text cellNumber.Text = numberi - 1; cellName.Text = namei - 1; /建立一个文本框对象建立一个文本框对象

45、 TextBox txtInput = new TextBox(); /将文本框对象添加到第三个单元格中将文本框对象添加到第三个单元格中 cellInput.Controls.Add(txtInput); /添加各单元格对象到行对象添加各单元格对象到行对象 row.Cells.Add(cellNumber); row.Cells.Add(cellName); row.Cells.Add(cellInput); /添加行对象到表格对象添加行对象到表格对象 tblScore.Rows.Add(row); Web开发技术564.3.11 Panel控件控件 Web窗体上的容器控件，在同一个页面上显示

46、窗体上的容器控件，在同一个页面上显示不同的面板内容。常用于分步显示和输入信息。不同的面板内容。常用于分步显示和输入信息。每一个面板是独立的。每一个面板是独立的。Web开发技术57实例实例4-11 利用利用Panel实现简易注册页面实现简易注册页面 源程序：源程序：Panel.aspx （P95） 程序说明：本程序用了三个程序说明：本程序用了三个Panel 当页面载入时，首先执行当页面载入时，首先执行Page_Load事件代码，事件代码，将将pnlStep1设置为可见，而将其它两个设置为可见，而将其它两个Panel控件控件设置为不可见。设置为不可见。 判断用户名是否重复在实际工程项目中将与数据判

47、断用户名是否重复在实际工程项目中将与数据库连接。信息也将保存到数据库中。库连接。信息也将保存到数据库中。Web开发技术58Panel.aspx 第一步：输入用户名第一步：输入用户名 用户名：用户名： Web开发技术59 第二步：输入用户信息第二步：输入用户信息 姓名：姓名： 电话：电话： 第三步：请确认您的输入信息第三步：请确认您的输入信息 Web开发技术60public partial class chap4_Panel : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostB

48、ack) pnlStep1.Visible = true; pnlStep2.Visible = false; pnlStep3.Visible = false; protected void btnStep1_Click(object sender, EventArgs e) pnlStep1.Visible = false; pnlStep2.Visible = true; pnlStep3.Visible = false; protected void btnStep2_Click(object sender, EventArgs e) pnlStep1.Visible = false;

49、 pnlStep2.Visible = false; pnlStep3.Visible = true; /输出用户信息输出用户信息 lblMsg.Text = 用户名：用户名： + txtUser.Text + 姓名：姓名： + txtName.Text + 电话：电话： + txtTelephone.Text; protected void btnStep3_Click(object sender, EventArgs e) /TODO:将用户信息保存到数据库将用户信息保存到数据库 Web开发技术614.3.12 MultiView和和View控件控件 提供了一种多视图切换显示信息的方式，可

50、以容易地实提供了一种多视图切换显示信息的方式，可以容易地实现分页多步骤功能。在使用时，现分页多步骤功能。在使用时，MultiView作为作为View的的容器控件，容器控件，View作为其它控件的容器控件作为其它控件的容器控件。 ActiveViewIndex属性：决定了当前显示哪个视图，默属性：决定了当前显示哪个视图，默认值为认值为-1，值，值0表示表示MultiView中包含的第一个中包含的第一个View 。Web开发技术62Web开发技术63View中中Button控件类型属性表控件类型属性表 CommandNameCommandArgument说明说明NextView不需要设置不需要设置

51、显示下一个显示下一个ViewPrevView不需要设置不需要设置显示上一个显示上一个ViewSwitchViewByID要切换到的要切换到的View控件控件ID切换到指定切换到指定ID的的ViewViewByIndex要切换到的要切换到的View控件索引号控件索引号切换到指定索引号的切换到指定索引号的ViewWeb开发技术64实例实例4-13 利用利用MultiView和和View实现用实现用户编程习惯调查户编程习惯调查 源程序：源程序：MultiView.aspx （P101）Web开发技术65 源程序：源程序：MultiView.aspx 1、您从事的是哪种应用程序的编程、您从事的是哪种应

52、用程序的编程? Web应用程序应用程序 Windows 应用程序应用程序 Web开发技术66 2、您最常用的语言是哪一种、您最常用的语言是哪一种? C#语言语言 Java 谢谢您的参与！谢谢您的参与！ Web开发技术67publicpartialclasschap4_MultiView:System.Web.UI.PageprotectedvoidPage_Load(objectsender,EventArgse)if(!IsPostBack)mvSurvey.ActiveViewIndex=0;/设置第一个活动视图设置第一个活动视图protectedvoidbtnView2Next_Clic

53、k(objectsender,EventArgse)lblDisplay.Text=您选择了：您选择了：+rdoltView1.SelectedItem.Text+rdoltView2.SelectedItem.Text;protectedvoidbtnSave_Click(objectsender,EventArgse)btnSave.Enabled=false;/TODO：将调查结果保存到数据库：将调查结果保存到数据库Web开发技术68Panel控件和控件和MultiView控件适合于大型控件适合于大型的调查系统、考试系统，如学法考试系的调查系统、考试系统，如学法考试系统（统（100道题）

54、道题）4.3.13 Wizard控件控件 Wizard控件作为一种控件作为一种制作向导制作向导的控件，主要用的控件，主要用于搜集用户信息、配置系统等。于搜集用户信息、配置系统等。Web开发技术694.3.13 Wizard控件（续）控件（续） Web开发技术704.3.13 Wizard控件（续）控件（续）每一步的内容每一步的内容Web开发技术71 侧栏（侧栏（SideBar）：包含所有向导步骤的列表，这些）：包含所有向导步骤的列表，这些列表内容来自列表内容来自WizardStep的属性的属性Title值。也可用模板值。也可用模板属性属性SideBarTemplate定义。定义。 标题（标题（Header）：每个向导步骤提供一致的标题信息，）：每个向导步骤提供一致的标题信息，用