`

[发布2007-08-06]Ajax向导组件 WebWizard Component Beta1

阅读更多
/**********************************
"Web Wizard" Component beta 1

author: Wei Zijun
(email: fins@163.com / blog: http://fins.iteye.com )
***********************************/

该组件利用ajax技术,帮助开发人员快速的构建起简单的页面向导.

附带的demo只演示了一些基本的用法.
更多用法 以及组件的不足,欢迎到我的blog中讨论.

组件构成:
webwizard_main.js
组件核心代码.

prototype_mini.js
组件所依赖的一个ajax包.(可使用标准的prototype.js代替)

com.fins.filter.CommonEncodeFilter.java
一个用于处理编码的过滤器,也可以使用您自己定义的过滤器,
但是一定要使用一个可以正确处理ajax编码的过滤器.

// ****************************** //


详细的说明以后慢慢补充.
  • WebWizard.zip (17.7 KB)
  • 描述: 代码 和 示例工程
  • 下载次数: 405
分享到:
评论
12 楼 hanfeng 2007-09-28  
数据不消失,只是给每个页面设置一个有效性标志:

当通过下一步进入一个页面时,新页面设置有效;当通过上一步离开一个页面时,原页面设置无效,数据不删除。

这样还可以随时监控到有效数据是哪些,而且再复杂的流程也不会逻辑混乱。
11 楼 fins 2007-09-28  
但是 如果我又回到3呢?
实际上客户是有这个需求的.

在3填写了一些信息 这时候需要看一眼2 里的东西 他按了上一步
看完了 又回到三 他不希望刚才填写的数据消失.
10 楼 hanfeng 2007-09-28  
对你说的这个例子,我觉得,只要在 3-->2 的时候将3作废即可,不需要那么复杂的互斥信号管理。
9 楼 fins 2007-09-28  
那个太大了 为了用这一个功能 我得引入多少东西啊 呵呵
而且关键问题是 我不了解dojo 就看过例子 呵呵
8 楼 cai555 2007-09-27  
dojo不时有现成的吗?
7 楼 fins 2007-09-27  
呵呵 谢谢你对这个感兴趣 我想这个我再完善完善还是能有用处的

我简单解释一下.
假设页面流程如下

1--->2 ---->3 , 那么这时候提交数据 是把1 2 3的都提交了

如果这时候 反悔了,不提交,
从2反回2 ,重新选择4
1--->2---->3---->2----->4
你的本意是提交 1 2 4,但是如果这时候 不定义 3 4互斥 那么三里的数据也会提交上去.

其实大多数情况下 处于两个分支的页面 应该都是互斥的 所以以后改进的时候 可以设置为 如果不在一个分支 那么自动互斥


6 楼 hanfeng 2007-09-27  
	// 定义互斥页面
	WebWizardUtils["mutex"](wwps[3],wwps[4]);

看了几遍代码,没有想明白这个的用处。感觉通过条件已经定义了3和4不可能同时显示,即使3和4的条件同时满足,也可以约定只显示其中之一,不需要定义互斥页面呀?

请指点一二!
5 楼 njkzc 2007-08-28  
请问一下ectable中的checkbox或text在翻页后如何保存状态?
email:njkzc@163.com
qq:6640673

向高手学习,谢谢
4 楼 fins 2007-08-08  
能 放心 不会草草结束 更不会这么快就结束.
也许3.0 才是一个真正的瓶颈.
现在 还有很多东西值得去做.

我最近真的是忙的不行 很多琐碎的事情,没有连续的大段的时间做编码
3 楼 sking 2007-08-08  
偶们都在期待呢!
2 楼 h819 2007-08-07  
我来说点题外话

ecside 能来个正式版么,好歹有个结束啊

1 楼 qaplwsok 2007-08-06  
很久没见到你来了!

相关推荐

    vue-form-wizard:Vue.js 2向导

    Vue-form-wizard是基于vue的组件,没有外部依赖关系,从而简化了选项卡向导的管理。 演示: 基本 其他演示: 从任何步骤开始。 注意:start-index从零开始,计数从0开始 替换您不喜欢的东西 与集成的 您可以在向导...

    ASP.NET中分步骤向导组件Wizard组件的使用示例代码.zip

    ASP.NET中的Wizard组件是一个强大的工具,它用于创建多步向导式用户界面,常用于复杂的表单填写或数据输入过程。Wizard组件通过提供一个引导用户逐步完成任务的框架,简化了用户交互,使得用户能够逐步了解和完成所...

    ext扩展控件------向导控件(上一步,下一步,返回)

    "ext扩展控件------向导控件(上一步,下一步,返回)"就是这样一个专门用于创建向导式用户界面的组件,它模拟了传统软件安装过程中的向导模式,引导用户按步骤完成复杂任务。 向导控件(Wizard)通常包含一系列...

    c# winform 向导 Wizard

    1. **向导控件的基本概念** 向导(Wizard)控件通常由一系列步骤组成,每个步骤代表一个单独的任务或信息输入界面。用户按照预定的顺序进行操作,通过“下一步”和“上一步”按钮在各步骤间切换,直至完成整个流程...

    C# Win7 Wizard 向导对话框组件

    **C# Win7 Wizard 向导对话框组件详解** 在Windows开发领域,向导对话框是一种常见的用户交互模式,用于引导用户逐步完成一系列任务。在Windows 7及更高版本的操作系统中,微软引入了 Aero 风格的界面,使得向导...

    unigui0.83.5.820

    - New Component: TUniChart Component first preview - UniDateTimePicker: OnEnter, OnExit Events - UniGroupBox: CSS frame margin bug (IE) - TUniLabel: AutoSize problem - UniFileUpload: several changes...

    eclipse 中自定义向导(wizard)的实现

    eclipse 中自定义向导(wizard)的实现 eclipse 中自定义向导(wizard)的实现是结合实际例子进行讲解的,通过设计和实现自定义向导来描述任务。下面是关于自定义向导的设计和实现的详细信息。 概述 ---- 自定义...

    CUDA VS Wizard 2.0 beta

    **CUDA VS Wizard 2.0 beta** CUDA (Compute Unified Device Architecture)是由NVIDIA推出的一种并行计算平台和编程模型,它允许开发人员利用图形处理器(GPU)的强大计算能力来执行通用计算任务。CUDA VS Wizard ...

    axis2-eclipse-service-archiver-wizard和axis2-eclipse-codegen-wizard

    共四个文件,都是最先版的,希望可以帮助大家。axis2-eclipse-service-archiver-wizard和axis2-eclipse-codegen-wizard和axis2-1.6.1-bin和axis2-1.6.1-war

    kext wizard 安装向导

    **Kext Wizard安装向导详解** 在Mac OS X操作系统中,Kext Wizard是一款非常实用的工具,主要用于管理和修复内核扩展(Kernel Extension,简称kext)。内核扩展是苹果系统中用于增强或修改核心功能的模块,对于系统...

    axis2-eclipse-service-archiver-wizard.zip

    axis2-eclipse-service-archiver-wizard.zip

    Wizard-Component:用于Material Design Lite的简单向导组件

    向导组件与Material Design Lite一起使用的简单向导组件。 Material Design当前不为向导提供指导。 因此,所提供的样式受“材料设计”启发,但不遵循规范的任何特定部分。 该组件目前正在重大开发中。 对于所有神圣...

    Wizard向导

    【Wizard向导】是一种在软件开发中常用的交互设计元素,主要功能是引导用户逐步完成复杂的操作流程。在Windows应用程序设计中,例如MFC(Microsoft Foundation Classes)或.NET框架下,Wizard向导通常由一系列步骤...

    angular2-向导:Angular2-表单向导组件

    角2-向导 这是一个Angular2表单向导组件。 就像任何表单向导一样。 您可以定义步骤并控制每个步骤的工作方式。 您可以根据当前步骤的有效性启用/禁用导航按钮。 当前,该组件仅支持基本功能。 更多功能将在以后发布...

    mentor_lp_wizard_零件建立管理员_-_封装外形创建向导.

    5. 封装外形创建向导(LandPatternWizard):这是LPWizard中的一个功能,用于自动化元件封装外形的设计和创建,提高元件库的生成速度和准确性。 6. 支持的主流CAD文档格式:LPWizard支持多种主流CAD软件的文档格式...

    天轰穿系列教程之-49向导Wizard

    天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49向导Wizard 天轰穿系列教程之-49...

    jquery-smartwizard:很棒的jQuery步骤向导插件

    jQuery Smart Wizard v5 很棒的jQuery步骤向导插件。 jQuery Smart Wizard是jQuery的可访问步骤向导插件。 为您的表单,结帐屏幕,注册步骤等提供简洁时尚的界面。易于实现,Bootstrap兼容性,可自定义的工具栏,...

    multistep-wizard-fluent:使用Fluent设计的易于使用的多步骤向导组件

    从终端运行npm install --save multistep-wizard-fluent在项目的根目录中保存npm install --save multistep-wizard-fluent ,以安装该软件包并将其添加为依赖项。 使用说明 该软件包包含4个主要组件: 向导:此...

    漂亮的Jquery Wizard Steps 向导

    在Web应用中,向导(Wizard)是一种常见的交互设计模式,它将复杂的任务分解成一系列步骤,帮助用户逐步完成。`jQuery Wizard Steps`是基于jQuery实现的一种向导插件,它以美观、易于定制的方式提供了一种创建向导的...

    react-wizard:React向导组件

    Wizard 是一个典型的用于安装、多部分表单等的向导元素。它需要一个带有 Step 对象数组的 steps 属性,以可选整数开始 prop 以跳入 step 数组,以及稍后在 Step 方法中需要的任何其他道具作为数据道具。 安装 npm ...

Global site tag (gtag.js) - Google Analytics