我正在考虑实施 ryan bates railscast 中讨论的这个多步骤向导。http://railscasts.com/episodes/346-wizard-forms-with-wicked
我想知道如何实现进度表,例如您在 jquery 向导中看到的进度表,例如http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#。
有任何想法吗?
谢谢!
我正在考虑实施 ryan bates railscast 中讨论的这个多步骤向导。http://railscasts.com/episodes/346-wizard-forms-with-wicked
我想知道如何实现进度表,例如您在 jquery 向导中看到的进度表,例如http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#。
有任何想法吗?
谢谢!
有两种主要类型的向导。
首先。
这正是 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