ASP.NET中 Wizard 控件的使用方法
先来看看官方介绍
使用表单收集用户输入是 web 开发中要反复执行的一项任务。用来完成某项任务的一组表单通常称为“向导”。asp.net wizard 控件简化了许多与生成多个表单和收集用户输入相关联的任务。wizard 控件提供了一种简单的机制,使您能够轻松地生成步骤、添加新步骤或重新安排步骤顺序。无需编写代码即可生成线性和非线性的导航,以及自定义控件的用户导航。
wizard控件可以用用在下列工作中:
(1)收集多个步骤中的相关信息。
(2)用于收集用户输入的大型web网页可分割成较小的逻辑步骤。
(3)允许线性或非线性的导航各个步骤。
wizard控件可区分成4大区域:
(1)向导步骤(wizardstep)区域:wizard控件使用多个步骤来描绘用户输入的不同部分。每个步骤的内容添加在标记<asp:wizardstep>中,所有的<asp:wizardstep>又都包含在<wizardsteps>标记中。实际应用时,每次只能显示一个<asp:wizardstep>定义的内容。
(2)标题(header)区域:用于在步骤顶部提供一致信息,此项是可选元素。
(3)侧栏(sidebar)区域:此项也是可选元素,通常显示在向导左边,包含所有步骤的列表,并提供在各个步骤间的跳转。
(4)导航按钮(navigation)区域:是wizard内置导航功能,它会根据步骤类型(steptype)设置值的不同,而呈现不同的导航按钮。
每个wizardstep步骤都会有个steptype属性,它最主要的作用是决定每个步骤中的导航button按钮会如何被显示。steptype的类型有:start(开始步骤)、step(阶段步骤)、finish(完成步骤) 、complete(结束步骤) 、auto(自动),系统自动识别其为何种steptype类型。
wizard控件使用过程演示
(1)拖放wizard控件到页面上,邮件选择 添加/移除 wizardsteps...
(2)帐号信息 steptype 设置为 start
(3)个人基本信息 steptype 设置为 step
(4)联系方式 steptype 设置为 finish
(5)帐号信息选项加入用户名密码
(6)基本信息选项加入姓名出生日期
(7)联系方式选项加入手机邮箱
(8)双击finishbuttonclick生成事件
(9)完成按钮事件代码如下
protected void wizard1_finishbuttonclick(object sender, wizardnavigationeventargs e)
{
response.write("用户名:" + txtusername.text + "<br>");
response.write("密码:" + txtpassword.text + "<br>");
response.write("姓名:" + txttruename.text + "<br>");
response.write("出生日期:" + txtbirthday.text + "<br>");
response.write("手机:" + txtphone.text + "<br>");
response.write("邮箱:" + txtemail.text + "<br>");
}
至此就可以运行看演示效果了,填写完用户名和密码之后,点击下一步,填写姓名和出生日期,再点击下一步,填写手机和邮箱,点击完成,把所有填写的信息全部输出。