1

我正在考虑实施 ryan bates railscast 中讨论的这个多步骤向导。http://railscasts.com/episodes/346-wizard-forms-with-wicked

我想知道如何实现进度表,例如您在 jquery 向导中看到的进度表,例如http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#

有任何想法吗?

谢谢!

4

1 回答 1

1

有两种主要类型的向导。

首先。

这正是 railscasts 中使用的那个。事实上,你将一个大的形式分解成几个较小的形式。也就是说,每个表单都有一个单独的视图。因此,您可以在每个视图中编写当前步骤。在这种情况下,您不需要使用 jQuery 插件。例如,就像在 railscasts 中一样,只需添加:

#/app/views/user_steps/personal.html.erb
<p>STEP 1: <b>Tell us a little about yourself</b></p>
<p>STEP 2: Where can we find you?</p>

#/app/views/user_steps/social.html.erb
<p>STEP 1: Tell us a little about yourself</p>
<p>STEP 2: <b>Where can we find you?</b></p>

第二个。

这是一个大表格,由几个小表格共享。这就是您作为示例显示的内容。对于这种形式,您不需要使用 wicked,因为 jQuery 插件会自行完成所有工作。在步骤结束时,您只需在服务器上发送这个大表格。

jQuery 向导在表单验证中的问题:您在最后一步发送表单,但在前面的步骤中可能会出现错误。这个问题可以通过客户端验证部分解决:https ://github.com/bcardarella/client_side_validations

于 2012-05-24T08:26:32.090 回答