您现在的位置: 乐外网 >> 计算机 >> 微软认证 >> 学习教程 >> 文章正文 用户登录 新用户注册
[组图]Wizard 控件         ★★★ 【字体:
Wizard 控件
作者:佚名    文章来源:msdn    点击数:    更新时间:2009-1-19

Wizard 控件

使用表单收集用户输入是 Web 开发中要反复执行的一项任务。用来完成某项任务的一组表单通常称为“向导”。ASP.NET Wizard 控件简化了许多与生成多个表单和收集用户输入相关联的任务。Wizard 控件提供了一种简单的机制,使您能够轻松地生成步骤、添加新步骤或重新安排步骤顺序。无需编写代码即可生成线性和非线性的导航,以及自定义控件的用户导航。

向网页中添加 Wizard 控件

  1. 将“Wizard”控件从“工具箱”任务窗格拖放到网页上。

  2. 拖动“Wizard”控件轮廓边缘和底部的尺寸大小框,直到“Wizard”变为所需的尺寸。

“Wizard”控件由三个独立的区域组成:边栏区域、导航区域和步骤区域。您可以在“标记属性”任务窗格中设置上述每个区域的属性,也可以设置整个 Wizard 的属性。

有关“Wizard”控件的所有属性的完整说明,请参阅 MSDN Library 中的 Wizard 属性(此链接可能指向英文页面)。

Wizard 控件使用多个步骤来描绘用户数据输入的不同部分。在每个步骤中都可以添加控件和标签,并且可以接受用户数据。Wizard 控件不仅有助于管理所要显示步骤,而且有助于维护所收集的数据。

在设计步骤时进行更改

  • 在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。

Cc295425.alert_tip(zh-cn,Expression.10).gif提示:

您也可以在“设计”视图中单击“Wizard”控件,再单击右上角的箭头 Cc295425.56557a2a-a4ef-4c47-906b-f64b8d530387(zh-cn,Expression.10).png,以显示“Wizard 任务”菜单。再次单击该箭头可隐藏菜单。

  1. 在“Wizard 任务”菜单上,从“步骤”菜单中选择要设计的步骤。

添加或删除步骤

  1. 在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。

  2. 在“Wizard 任务”菜单上,单击“添加/删除 WizardStep”。

  3. 在“WizardStep 集合编辑器”对话框中,单击“添加”按钮。

  4. 在“步骤属性”区域中为新步骤设置“Title”属性(和其他属性)。“Title”将作为该步骤的链接文本显示在 Wizard 边栏区域中。

该控件内的每个步骤均会给定一个“StepType”,用以指示这一步骤是开始步骤 (StartNavigation)、中间步骤 (StepNavigation) 还是完成步骤 (FinishNavigation)。可以自定义这些步骤,但是默认情况下,StartNavigation 步骤包含“下一步”按钮;StepNavigation 步骤包含“上一步”和“下一步”按钮;而 FinishNavigation 步骤则包含“上一步”和“完成”按钮。向导可以根据需要包含任意数量的中间步骤。您可以添加不同的控件(如 TextBox 控件ListBox 控件)来收集用户所输信息。

指定步骤的 StepType

  1. 在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。

  2. 在“Wizard 任务”菜单上,从“Stepmenu”中选择要指定类型的步骤。

  3. 在“Wizard 任务”菜单上,单击下列链接之一:

    • 转换为“StartNavigation Template”

    • 转换为“StepNavigation Template”

    • 转换为“FinishNavigation Template”

“Wizard”控件具有线性导航和非线性导航两种功能。通过单击导航区域中的按钮,用户可以在步骤之间前后移动;只要显示了边栏,用户就可以选择任意点上的步骤。通过在“标记属性”任务窗格中设置“StepNextButtonText”、“StepPreviousButtonText”和“FinishCompleteButtonText”属性,可以自定义导航文本。

通过更新与 Wizard 的每个区域关联的样式集,可以自定义该区域。例如,在“标记属性”任务窗格的 Styles 组中,可自定义“Wizard”某个区域的“StepStyle”、“NavigationStyle”和其他样式集。“Wizard”控件可自动显示标题和控件的当前步骤。标题是用“HeaderText”属性自定义的。您可以使用“HeaderTemplate”属性来调整标题的模板,也可以采用交互方式设计模板。

采用交互方式设计模板

  1. 在“设计”视图中,右键单击“Wizard”控件,再单击“显示常用控制任务”。

  2. 在“Wizard 任务”菜单上,单击“编辑模板”。此操作会将 Wizard 切换成模板编辑模式。

  3. 在“显示”下拉列表中,选择要编辑的模板:“Header Template”、“SideBar Template”、“StartNavigation Template”、“StepNavigation Template”或“FinishNavigation Template”。

  4. 添加文本或控件,或者更改模板。

  5. 模板设计完毕后,在“Wizard 任务”菜单上,单击“结束模板编辑”返回标准“Wizard”设计模式。

有关使用 Wizard 控件的详细信息,请参阅 MSDN Library 中的 Wizard Web 服务器控件概述(此链接可能指向英文页面)。

文章录入:chuwa    责任编辑:chuwa 
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    没有相关文章
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)