《Programming ASP.NET》学习笔记(Wizard控件)

Android Studio IDE 插件开发 作者:字节跳动终端技术——周宸韬 概述 这篇文章旨在向读者介绍IntelliJ IDE插件的开发流程以及常用的一些通用功能,任何基于IntelliJ开发的IDE都可以通过该方式制作插件,例如Android Studio(AS),本篇也将基于Android Studio进行展开介绍,读者将从0到1学习到 Android Studio插件开发。 背景介绍 什么是IDE插件、IDE插件能做什么? IDE插件是将一些功能集成到了IDE界面当中,当我们使用IDE进行开发工作时能很方便的通过UI界面使用这些功能,例如. 阅读详情

Wizard控件

Wizards控件为用户提供了呈现一连串步骤的基础架构,这样可以访问所有步骤中包含的数据,并方便地进行前后导航。

与MultiView控件类似,Wizard包含一个WizardStep对象集合。
WizardStep从View类继承,而且WizardStep和Wizard控件之间的关系与View和MultiView的关系类似。

所有WizardStep中的所有控件都位于页面控件树中,且无论哪个WizardStep可见,都可以在运行时通过代码实现控件访问。当用户单击一个导航按钮或链接时,页面将被提交到服务器。但是,不支持跨页提交。

Wizard控件负责导航,包括线性导航(从一步转到下一步或上一步)和非线性导航(从一步转到任意其他步)。该控件能够自动创建合适的按钮,例如Next,Previous以及Finish。第一步没有Previous按钮,最后一步没有Next按钮。通过设置可以使得一些步骤只能被导航一次。默认情况下,Wizard控件显示一个包含导航链接的工具栏,这让用户可以从当前步骤转到其他步骤。

Wizard控件的所有外观特征几乎都可以通过样式和模板来自定义,包括各种各样的按钮和链接、标题和页脚、工具条和WizardStep。

例如:
<asp:Wizard ID="Wizard1" runat="server">
    <WizardSteps>
        <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
        1</asp:WizardStep>
        <asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
        2</asp:WizardStep>
    </WizardSteps>
</asp:Wizard>

将内容添加到一个Wizard步骤
单击WizardStep的内容区域,可以输入文本或插入控件,也可在源视图中编辑

添加Wizard步骤

单击Wizard控件的智能标记并选择“Add/Remove”WizardStep,打开WizardStep集合编辑器添加,也可在源视图中编辑

Wizard控件与按钮外观无关的属性

名称    说明
 
ActiveStep   WizardsSteps集合中当前显示的步骤
ActiveStepIndex   WizardsSteps集合中当前显示的从0开始的步骤
CancelDestinationPageUrl 当用户单击取消按钮时要链接到的URL
CellPadding   单元格的内容与边框间的像素间距。默认值为0
CellSpacing   单元格间的像素间距。默认值为0
DisplayCancelButton  如果为true,则显示一个取消按钮。默认值为false
DisplaySideBar   如果为true,则显示一个工具条。默认值为false
FinishDestinationPageUrl 当用户单击完成按钮时要链接到的URL
FinishNavigationTemplate 用于指定完成步骤的导航区域的样式和内容的模板
HeaderStyle   标题区域的样式属性
HeaderTemplate 用于指定标题区域的内容和样式的模板,标题区域位于每个步骤的顶部
HeaderText   在标题区域显示的文本
NavigationButtonStyle  导航区域按钮的样式属性
NavigationStyle   导航区域的样式属性
SideBarButtonStyle  用于指定侧栏上按钮外观的样式属性
SideBarStyle   侧栏区域的样式
SideBarTemplate   用于指定侧栏区域内容和样式的模板
SkipLinkText   为不可见图像呈现替换文本
StartNavigationTemplate 用于指定Start步骤的导航区域的内容和样式的模板。
StepNavigationTemplate  用于指定一般步骤中导航区域内容和样式的模板
StepStyle   WizardStep对象的样式属性
WizardSteps   WizardStep对象的集合

当改变步骤时,无论由用户操作触发还是由程序触发,都将触发ActiveStepChanged事件

与按钮的显示相关的Wizard属性
按钮上所显示图像的URL:
CancelButtonImageUrl
FinishStepButtonImageUrl
FinishStepPreviousButtonImageUrl
NextStepButtonImageUrl
PreviousStepButtonImageUrl
StartStepNextButtonImageUrl
 
用于指定按钮外观的样式属性:
CancelButtonStyle
FinishStepButtonStyle
FinishStepPreviousButtonStyle
NextStepButtonStyle
PreviousStepButtonStyle
StartStepNextButtonStyle
 
按钮上显示的文本:
CancelButtonText
FinishStepButtonText
FinishStepPreviousButtonText
NextStepButtonText
PreviousStepButtonText
StartStepNextButtonText

按钮类型:
CancelButtonType
FinishStepButtonType
FinishStepPreviousButtonType
NextStepButtonType
PreviousStepButtonType
StartStepNextButtonType
 
大部分属性是TableItemStyle类型。该类从System.Web.UI.WebControls.Style继承,它包含用于格式化组成Wizard控件的表格行和单元格的属性。

WizardStep有一个StepType属性,值是一个WizardStepType枚举值
StepType默认为Auto,这时导航界面由WizardStep集合中步骤的顺序决定。
为StepType设置一个不同的值以修改默认行为

WizardStepType的枚举值
成员  说明
Auto  声明步骤时的顺序决定了导航的界面,这是默认值
Complete 要显示的最后步骤,它不呈现导航按钮
Finish  最后的数据采集步骤,它只呈现被动完成和上一步两个按钮
Start  第一步,只呈现一个下一步按钮
Step  呈现上一步和下一步按钮

WizardStep类包含AllowReturn属性,该属性可以强制线性导航。
设置一个步骤的AllowReturn属性为false后,则只能导航到该步骤一次。
即使显示侧栏,该步骤仍然显示在导航链接中,但单击链接不会有任何反应。

提示:AllowReturn属性只禁止用户交互。即使该步骤的AllowReturn属性已经设置为false,程序代码也可以强制返回到一个步骤。

Wizard事件
事件   事件参数 说明
ActiveStepChanged EventArgs 显示新步骤时触发
CancelButtonClick EventArgs 单击取消按钮时触发
FinishButtonClick WizardNavigationEventArgs 单击完成按钮时触发
NextButtonClick  WizardNavigationEventArgs 单击下一步按钮时触发
PreviousButtonClick WizardNavigationEventArgs 单击上一步时触发
SideBarButtonClick WizardNavigationEventArgs当单击侧栏区域中的按钮时触发

WizardNavigationEventArgs的属性
Cancel   如果取消链接到下一步,则该值为true。默认值为false。
CurrentStepIndex 以0开始的WizardSteps集合中当前步骤的索引值。
NextStepIndex  以0开始的将要显示的步骤的索引值,当前为0。

Wizard控件的方法。
方法名称 返回类型 说明
GetHistory ICollection
返回一个按被访问的顺序排列的WizardStepBase 对象的集合,索引0为最近访问的步骤
GetStepType WizardStepType 步骤的类型
MoveTo  void  移动到参数中指定的WizardStep对象


当需要让用户按一组定义好的步骤操作时,Wizard控件是最好的选择。 

Wizard控件的使用 Wizard控件的使用:    Wizard控件使用多个步骤来描绘用户的输入信息,该控件内的每个步骤 均会给一个StepType。可以在当步骤到Complete时,对所有的数据进行处理。   事件:需要隐藏信息的时候,可以在中间步骤中使用WizardStepChanged事件,其它的事件如点击完成、取消、下一步和上一步的时候的事件等。   TemplateWizardStep,提供一个允许用户 阅读详情

相关推荐

*** Wizard组件的分步使用指南与示例

本文还有配套的精品资源,点击获取 简介:***的Wizard组件用于构建多步骤向导式用户界面,用于简化复杂表单和数据输入过程。本指南详细介绍了Wizard组件的使用方法、主要功能,并提供了实现分步向导的示例代码。同时,结合"DeployTest"部署测试项目,展示如何在实际环境中部署和运行Wizard组件。 1. Wizard组件简介与功能 1.1 Wiza...

weixin_26805451的博客 1642

ASP.NETWizard 控件的使用方法

先来看看官方介绍 使用表单收集用户输入是 Web 开发中要反复执行的一项任务。用来完成某项任务的一组表单通常称为“向导”。ASP.NET Wizard 控件简化了许多与生成多个表单和收集用户输入相关联的任务。Wizard 控件提供了一种简单的机制,使您能够轻松地生成步骤、添加新步骤或重新安排步骤顺序。无需编写代码即可生成线性和非线性的导航,以及自定义控件的用户导航。 Wizard控件可以用用在下列工作中: (1)收集多个步骤中的相关信息。 (2)用于收集用户输入的大型Web网页可分割成较小的逻辑步骤。 (3)允许线性或非线性的导航各个步骤。 Wizard控件可区分成4大区域: (1)向导步骤(

.net wizard控件

.net wizard按步骤操作的是很方便的,不过很多功能需要自己手动写代码才能操作,这里有两个例子。

idea插件开发-Project Wizard

自定义向导概述起来要完成以下工作。修改配置向导视图向向导添加新步骤为项目创建提供额外设置在项目创建期间处理活动初始环境配置项目向导如果是对特定工具和技术的额外支持就需要定义一个新Module,新的模型可以通过ModuleBuilder来生成一个ModuleType派生,ModuleType主要定义了Module实例的注册和实例化。然后定义扩展。在构造器中需要实现以下方法,可参考 JavaModuleBuilder 的实现,对于idea中已提供的模块如果要修改的话,继承这些实现就可以了。

编程是一门实践技术 1327

IntelliJ IDEA中创建一个自定义项目向导

参考[JavaModuleBuilder](https://github.com/JetBrains/intellij-community/tree/idea/233.14808.21/java/openapi/src/com/intellij/ide/util/projectWizard/JavaModuleBuilder.java)以更好地理解如何实现模块构建器。- 扩展`ModuleBuilder`类,并重写`setupRootModel`和`getModuleType`方法。

liudong200618的博客 1355

Step之间传递数据

Step之间传递数据有两种方式:一、通过step_execution 或者 job_execution来在不同step中传递数据.但是如果数据量大的话,这将不是一种好的方式.因为spring batch默认会通过job repository将 setp_execution和job_execution进行持久化。 如果把要传递的数据放在setp_execution或者job_execution中进行传

u010502101的博客 5215

IntelliJ IDE 插件开发 | (十二)自定义项目脚手架(上)

在开发创建一个新项目的时候,我们一般都会使用平台自带的脚手架,如下图所示:或者是使用网页版:尽管平台已经提供了灵活的配置项,甚至是可以修改原有的模板内容,例如创建插件的plugin.xml的模板:但是我们并没有办法增删脚手架所创建的内容,也没有办法在模板中使用未提供的参数。因此,本文将介绍如何创建自己的脚手架,不过本文所介绍的方法只适用于 IDEA,对于其它平台(WebStorm、PyCharm)将在后续文章进行介绍,本文所涉及到的完整代码也已上传到GitHub。中的第二点的返回了,其中。

庄周de蝴蝶的博客 1890

Programming ASP.NET》(中文版)笔记二——第五章:高级控件

MultiView和View控件:     MultiView控件的4个CommandName字段:NextView、PrevView、SwitchViewByID和SwitchViewByIndex。    每一个view控件都声明了OnActivate和Ondeactivate事件处理程序,    Activate和Deactivate事件处理程序: protected void

j544759698的专栏 434

基于IDEA Plugin插件开发,撸一个DDD脚手架

作者:小傅哥 博客:https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获!???? 最近很感兴趣结合 IDEA Plugin 开发能力,扩展各项功能。也基于此使用不同的案例,探索 IDEA Plugin 插件开发技术。希望这样的成体系学习和验证总结,能给更多需要此技术的伙伴,带来帮助。 源码地址:https://github.com/fuzhengwei/CodeGuide#1-%E6%BA%90%E7%A0%81 一、前言 研发,要避免自嗨! 你做这个东西的价值是什

bugstack虫洞栈 2837

ASP.NET高级控件——Wizard控件

Wizard控件Wizard Control用户希望新应用程序能提供向导功能,以引导他们完成多步操作。这些用户界面都被施了魔法。抱歉,开个玩笑而已。Wizards控件为用户提供了呈现一连串步骤的基础架构,这样可以访问所有步骤中包含的数据,并方便地进行前后导航。与MultiView控件类似,Wizard包含一个WizardStep对象集合。如图5-3所示,WizardStep从Vie

踏雪无痕的专栏 2312

探索 IDEA Plugin 插件开发技术案例

、案例开发 工程结构 guide-idea-plugin-scaffolding ├── .gradle └── src ├── main │ └── java │ └── cn.bugstack.guide.idea.plugin │ ├── domain │ │ ├── model │ │ │ └── ProjectConfigVO.java │ │ └── service │ │ ├── impl │

weixin_45032957的博客 416

Intellij IDEA创建Android项目异常

一、今天在使用IDEA创建Android项目的时候,一直卡在这个位置,无论填什么就是无法继续 二、然后我就退出了,发现IDEA给我提示了错误null java.lang.NullPointerException at com.android.tools.idea.sdk.wizard.InstallSelectedPackagesStep.onEntering(InstallSelecte...

染小诺的博客 1764

android studio不能新建module

点击新建module报了下面这个错误 Incomplete or corrupted installation - "D:\prebuilts\studio\jdk\win64" directory does not exist java.lang.Error: Incomplete or corrupted installation - "D:\prebuilts\studio\jdk\win...

lx6101989的博客 5710

[UI5 常用控件] 08.Wizard,NavContainer

本章节记录常用控件 Wizard,NavContainer。

小峰的ABAP博客 1594

Grounded-SAM-2高级技巧:使用SAHI处理4K高清图像中的密集小物体

Grounded-SAM-2是一个强大的视频目标检测和分割工具,结合了Grounding DINO、Florence-2和SAM 2的强大功能。在处理4K高清图像中的密集小物体时,传统方法往往面临内存限制和精度下降的挑战。本文将介绍如何使用SAHI(Slicing Aided Hyper Inference)技术来优化Grounded-SAM-2在4K图像中的密集小物体检测性能。 ## 为什么4

gitblog_00307的博客 423

Wizard控件

可以使用 Wizard 控件执行下列操作: 1.跨多个步骤收集相关数据。 2.将用于收集用户输入的较大的网页细分为较小的逻辑步骤。 3.允许在各步骤之间进行线性导航或非线性导航。 Wizard 控件由以下部分组成: 1.标题(Header):用户可以自定义该区域,以显示用户当前所处步骤的特定信息。 2.向导步骤集合(WizardSteps):...

adlihgh692910的博客 410

bootstrap的向导式插件:bootstrap-wizard

从今天开始学习bootstrap的导航向导插件bootstrap-wizard。 以下链接是该插件的帮助文档和简单的demo http://vadimg.com/twitter-bootstrap-wizard-example/# 先给大家看一下效果图: 之后我会贴出demo的代码部分,

菜鸟笔记 2万+

Bootstrap JQuery wizard steps流程插件

汇总一下Bootstrap 中如何做 steps (wizard),你可以将它用在shopping cart steps中,或者进度跟踪(Progress Trackers)。 点击即可进入github看源码 Pines Steps JavaScript steps (wizard) for Bootstrap Pines Steps is a JavaScript

Jacey's Blog 2万+
上一篇: 《Programming ASP.NET》学习笔记(基本控件)
下一篇: 《Programming ASP.NET》学习笔记(MultiView和View控件)
cloudgamer
博客等级 码龄20年 456粉丝 158原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值