ia 如何使用 div 标签包围表单中的多个输入？

Question

我目前正在开发一个 Rails 应用程序，该应用程序在许多表单和同一表单的许多字段上具有通用模式。模式如下：

<%= simple_form_for(@evaluation) do |f| %>
  <%= f.error_notification %>

  <div class="toggle">

    <div class="toggle_selector">
      <%= f.input :was_answered, :as => :radio, :collection => [:yes, :no, '?'] %>
    </div>

    <div class="toggle_content">
      <%= f.input :name %>
      <%= f.input :answer %>
      <%= f.input :score %>
    </div>

  </div>

  <div class="actions">
    <%= f.button :submit %>
  </div>
<% end %>

有一个主 div 标签围绕着另外两个 div。使用javascript，根据toggle_selector div 中输入的值，使toggle_content div 可见或不可见。

我尝试提取几个助手，它们将输入作为参数并输出所需的输出：

def toggling_field_for form, selector, &block                            
  content_tag :div, :class => 'toggle' do                                
    %{#{toggle_selector form, selector}                                  
      #{toggle_content &block if block_given?}                           
    }.html_safe                                                          
  end                                                                    
end                                                                      

private                                                                  

def toggle_selector form, selector                                       
    content_tag :div, :class => 'toggle_selector' do                     
      form.input selector, :as => :radio, :collection => [:yes, :no, '?']
    end                                                                  
end                                                                      

def toggle_content                                                       
  content_tag :div, :class => 'toggle_content' do                        
    yield if block_given?                                                
  end                                                                    
end            

但是，只有当我在toggle_content div上只有一个输入时，这才有效，因为当我在输入块上使用yield时，只有最后一个将被输出。

任何人都可以暗示一种更好的解决方案来重构这些解决方案，以便能够在toggle_content div上接受多个输入？

编辑：使用捕获辅助方法而不是仅使用产量解决了问题。代码最终在助手上像这样：

def toggling_field_for form, selector, &block
  content_tag :div, :class => 'toggle' do
    %{#{toggle_selector form, selector}
      #{toggle_content &block}
    }.html_safe
  end
end

private

def toggle_content &block
  content_tag :div, capture(&block), :class => 'toggle_content'
end

在每个表单上这样调用：

    <%= toggling_field_for f, :was_answered, do %>
        <%= f.input :name %>
        <%= f.input :answer %>
        <%= f.input :score %>
    <% end %>

谢谢，莫施！

Answer 1

使用Rails 3，您的代码应该稍加修改即可工作：尝试更改

def toggle_content                                                       
  content_tag :div, :class => 'toggle_content' do                        
    yield if block_given?                                                
  end                                                                    
end

为

def toggle_content(&block)
  content_tag :div, :class => 'toggle_content' do                        
    capture(&block) if block_given?
  end                                                                    
end

我不确定，但您可能可以删除block_given？在这种情况下的条款。