标签: multi-step

您已经在Paypal等网站上看到了此类进度条的迭代.如何使用CSS和设置它jquery？我有4页,每页都是一步...所以4个步骤.

我可以想象以下方法在多步骤表单之间交换数据:

1)为每个表单步骤创建一个组件,并通过@input,@ output输出组件之间的数据(例如,您不能从步骤5更改为2)

2)data在新路由器中使用新属性(参见此处)(例如,您无法从步骤5更改为2))

3)用于存储数据的共享服务(依赖注入)(组件交互)(例如,您可以从步骤5更改为2)

4)@ ngrx/store的新基础(还没有真正经验)

你能给出一些"获得经验值",你用了什么？为什么？

我一直在寻找一种创建多步形式的方法,例如:http://planner.builtbybuffalo.com/step-1/

我找不到任何资源,只是其他例子,我试图创建的那个将是一个3部分的过程.我将在jQuery中构建它.

我可以理解从一步到另一步的方式,淡出/退出等等.但是有一个标记改变并说出了什么步骤.

思考？

我在尝试弄清楚如何使用文件上传实现Rails 3多页表单时遇到了一些麻烦,其中每个步骤都由控制器中的更新/编辑操作处理.

Ryan Bates 为如何使用会话执行多步骤表单提供了精彩的截屏视频,以及如何通过在初始步骤中保存到数据库然后在每个后续步骤上执行更新来完成类似操作的简要说明.我还阅读了他的要点,给出了关于如何创建多步形式的一些不同选项的更详细解释(我倾向于选项1).

但是,当涉及多步骤表单的实际实现时,我仍然有点迷失.我的目标是使用carrierwave进行文件上传(图像),也可以使用geekq为状态机进行工作流程,以帮助进行每一步的验证.

为了清楚起见,我目前正在尝试在向导的初始步骤中在数据库中创建一个条目,并让每个连续的页面更新模型.

有任何想法吗？

我们将非常感谢正确方向的一个例子或一个点.

谢谢!

注意:我已经阅读了另一篇文章,他们提到了关键/值数据存储的一些内容,但不幸的是,这有点过头了......

我正在开发一个Web应用程序,该应用程序涉及用户填写跨越多个页面的多步骤表单.表单顶部有标签导航(这些链接不提交当前页面)和底部的下一个按钮(确实提交).我正在考虑处理表单提交/验证的几种策略:

1. 每个表单页面一个操作方法和视图.当您点击下一步时,它会将表单提交给下一页的操作方法.如果存在验证错误,您将被重定向回上一页:

   • URL是描述性的,可以复制粘贴
   • 仅在错误情况下重定向
   • 由于重定向没有表单数据,因此我们丢失了有关提交的上下文,这使得很难显示某些错误消息
   • 如果用户尝试访问尚未准备好的流程中的步骤,则相同的验证逻辑可用于重定向用户

2. 每个表单页面一个操作方法和视图.当您点击下一步时,它会将表单提交给当前页面操作.如果存在验证错误,则返回相同的视图.否则,我们会重定向到下一页操作:

   • URL是描述性的,可以复制粘贴
   • 重定向很常见(不确定这是不是很糟糕)
   • 显示验证错误时,我们与表单提交的请求相同,因此我们可以完全访问无效输入
   • 如果我们想要能够添加一个也提交的"上一个"按钮,则必须传递其他上下文

3. 所有页面的一种操作方法.URL包含有关正在提交的步骤的其他上下文(例如MyController/MyAction/{step}).控制器消息根据验证和当前步骤选择要返回的视图页面.

   • URL不具有描述性(例如,如果我提交步骤1转到步骤2,则无论是否返回页面1(无效)或第2页,用户看到的URL都是相同的
   • 没有重定向
   • 显示验证错误时,我们与表单提交的请求相同,因此我们可以完全访问无效输入

4. 我没有在这里列出的另一种方法

我试图列举我所看到的每种方法的一些优点和缺点,但我很想知道:

• 这些方法的其他优点和缺点是什么？我的是正确的吗？我列出的一些缺点可以设计一下吗？
• 我应该使用这个问题的标准方法吗？如果是这样,为什么它是标准方法？

我有一个标准表格，并且有几个字段组，如主要信息、地址、公司地址等。

我想构建分步表单而不是包含很多字段的一页表单。

最好的方法是什么？我找到了https://github.com/schneems/wicked但我不明白如何使用它。

我用php组合的jquery有点问题.让我从代码开始.

PHP代码:

if ($_POST["request"]==10)
    progress();

function progress()
{
    $files = getfiles();
    $progress = 0;
    $progressRate = 100/$files->number;
    for ($i=0;$i<$files->number;$i++)
    {
        sendfile($files->location[$i]);
        $progress+=$progressRate;
        echo $progress;
    }
}

代码输出: 例如files-> number = 2,则输出为50 100.

Jquery代码:

jQuery.post("functions.php",{request:10},function(data){

            alert(data);


   });

问题:我想要的是首先警告50,然后警告100,我的意思是当第一个循环在php结束并回声第一个进度值时,然后jquery应该能够拦截它,但是jquery在整个循环之后警告数据完成,这意味着我在一个警报中获得50100,jQuery有什么方法可以处理这个？我知道有其他解决方案使用PHP并生成例如隐藏div或属性中的循环数,然后在jQuery中使用循环,但我真的想直接这样做.