Rails崩溃嵌套形式

Question

是否有人对如何在Rails中创建可使用引导程序“折叠”或Jqueries“手风琴”功能的表单有任何想法/资源？

基本上，我有一个包含许多嵌套属性的巨大表单，我想折叠它们，以便用户仅需打开他或她想要编辑的部分。 我必须相信那里一定有这样的东西，但是我所看到的只是那些试图将bootstrap或jquery与formtastic或form_for集成的人们的未回答的问题。

基本上，我正在寻找可以与Rails集成的东西，看起来像这样： http : //www.alpacajs.org/examples/forms/customer-profile/edit-form.html

更新：

抱歉，我刚刚意识到我的原始帖子可能有点含糊。 我正在尝试使用Formtastic（或rails form_for）DSL，并将其与折叠功能集成在一起。 我只是真的没有在网络上看到人们成功地将它们组合在一起的任何地方。

Answer 1

如果您想保持简单，并能更好地控制自己包含在应用程序中的内容，则可以使用几行JavaScript轻松实现所需的效果。

我在这里举了一个例子： http : //jsfiddle.net/iKindred/pYgLY/2/

这是JS：

jQuery(document).ready(function($){
    $('.collapsable-section').each(function(i){
        var $label = $(this).find('.label').filter(':first');
        var $fields = $(this).find('.fields').filter(':first');
        $label.click(function(e){
            $fields.slideToggle(200);
        });
    });
});

随时根据您的需求进行调整，或者如果需要帮助，请告诉我:)

Answer 2

我使用bootstrap sass gem 。 在Gemfile中

group :assets do
  # ...
  gem 'bootstrap-sass'
  # ...
end

您必须将以下行添加到application.js.coffee中

#= require bootstrap-collapse

在包含表单的视图中（例如_form.html.erb ，您只需封装要折叠的表单标签，如下所示：

<div class="collapse">
  <%= label_tag(:q, "Search for:") %>
  <%= text_field_tag(:q) %>
</div>