使用表单收集用户输入是 Web 开发中要反复执行的一项任务。用来完成某项任务的一组表单通常称为“向导”。ASP.NET Wizard 控件简化了许多与生成多个表单和收集用户输入相关联的任务。Wizard 控件提供了一种简单的机制,使您能够轻松地生成步骤、添加新步骤或重新安排步骤顺序。无需编写代码即可生成线性和非线性的导航,以及自定义控件的用户导航。
向网页中添加 Wizard 控件
-
将“Wizard”控件从“工具箱”任务窗格拖放到网页上。
-
拖动“Wizard”控件轮廓边缘和底部的尺寸大小框,直到“Wizard”变为所需的尺寸。
“Wizard”控件由三个独立的区域组成:边栏区域、导航区域和步骤区域。您可以在“标记属性”任务窗格中设置上述每个区域的属性,也可以设置整个 Wizard 的属性。
有关“Wizard”控件的所有属性的完整说明,请参阅 MSDN Library 中的 Wizard 属性(此链接可能指向英文页面)。
Wizard 步骤 Wizard 控件使用多个步骤来描绘用户数据输入的不同部分。在每个步骤中都可以添加控件和标签,并且可以接受用户数据。Wizard 控件不仅有助于管理所要显示步骤,而且有助于维护所收集的数据。
在设计步骤时进行更改
-
在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。
提示: |
|---|
|
您也可以在“设计”视图中单击“Wizard”控件,再单击右上角的箭头 |
-
在“Wizard 任务”菜单上,从“步骤”菜单中选择要设计的步骤。
添加或删除步骤
-
在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。
-
在“Wizard 任务”菜单上,单击“添加/删除 WizardStep”。
-
在“WizardStep 集合编辑器”对话框中,单击“添加”按钮。
-
在“步骤属性”区域中为新步骤设置“Title”属性(和其他属性)。“Title”将作为该步骤的链接文本显示在 Wizard 边栏区域中。
该控件内的每个步骤均会给定一个“StepType”,用以指示这一步骤是开始步骤 (StartNavigation)、中间步骤 (StepNavigation) 还是完成步骤 (FinishNavigation)。可以自定义这些步骤,但是默认情况下,StartNavigation 步骤包含“下一步”按钮;StepNavigation 步骤包含“上一步”和“下一步”按钮;而 FinishNavigation 步骤则包含“上一步”和“完成”按钮。向导可以根据需要包含任意数量的中间步骤。您可以添加不同的控件(如 TextBox 控件或 ListBox 控件)来收集用户所输信息。
指定步骤的 StepType
-
在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。
-
在“Wizard 任务”菜单上,从“Stepmenu”中选择要指定类型的步骤。
-
在“Wizard 任务”菜单上,单击下列链接之一:
-
转换为“StartNavigation Template”
-
转换为“StepNavigation Template”
-
转换为“FinishNavigation Template”
-
Wizard 导航 “Wizard”控件具有线性导航和非线性导航两种功能。通过单击导航区域中的按钮,用户可以在步骤之间前后移动;只要显示了边栏,用户就可以选择任意点上的步骤。通过在“标记属性”任务窗格中设置“StepNextButtonText”、“StepPreviousButtonText”和“FinishCompleteButtonText”属性,可以自定义导航文本。
自定义 Wizard 模板 通过更新与 Wizard 的每个区域关联的样式集,可以自定义该区域。例如,在“标记属性”任务窗格的 Styles 组中,可自定义“Wizard”某个区域的“StepStyle”、“NavigationStyle”和其他样式集。“Wizard”控件可自动显示标题和控件的当前步骤。标题是用“HeaderText”属性自定义的。您可以使用“HeaderTemplate”属性来调整标题的模板,也可以采用交互方式设计模板。
采用交互方式设计模板
-
在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。
-
在“Wizard 任务”菜单上,单击“编辑模板”。此操作会将 Wizard 切换成模板编辑模式。
-
在“显示”下拉列表中,选择要编辑的模板:“Header Template”、“SideBar Template”、“StartNavigation Template”、“StepNavigation Template”或“FinishNavigation Template”。
-
添加文本或控件,或者更改模板。
-
模板设计完毕后,在“Wizard 任务”菜单上,单击“结束模板编辑”返回标准“Wizard”设计模式。
有关使用 Wizard 控件的详细信息,请参阅 MSDN Library 中的 Wizard Web 服务器控件概述(此链接可能指向英文页面)。

提示:
网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!) 