当前位置： 移动技术网 > IT编程>开发语言>.net > ASP.NET中 Wizard 控件的使用方法

ASP.NET中 Wizard 控件的使用方法

2017年12月12日  | 移动技术网IT编程  | 我要评论

农历八月十五,新浪免费邮箱,喜哥

先来看看官方介绍

使用表单收集用户输入是 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...

添加/移除 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>");
}

至此就可以运行看演示效果了，填写完用户名和密码之后，点击下一步，填写姓名和出生日期，再点击下一步，填写手机和邮箱，点击完成，把所有填写的信息全部输出。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网