如何更改 fields_for 生成的 html 标签和类？

Question

这是一个简单的问题，我有点羞于问，但我一直在用头撞墙并浏览 Rails 3 文档，但没有成功:/

所以，事情是这样的：

当我使用 fields_for 帮助器它将生成的字段包装在

中...

标签。

所以，我的代码是

<ul class="block-grid two-up">
  <%= f.fields_for :images do |image_builder| %>
    <%= render "images/form", :f => image_builder %>
  <% end %>
</ul>

，生成的html是：

<ul class="block-grid two-up">
  <div class="fields">
    <div>
      <label for="company_images_attributes_0_image"> Image</label>
      <input id="company_images_attributes_0_image" 
             name="company[images_attributes][0][image]" type="file">
    </div>
  </div>
  <div class="fields">
    <div>
      <label for="company_images_attributes_1_image"> Image</label>
      <input id="company_images_attributes_1_image" 
             name="company[images_attributes][1][image]" type="file">
    </div>
  </div>
</ul>

我想做的实际上是将

包装标签更改为

。

文档说你可以将选项传递给 fields_for，但不清楚你可以传递哪些选项，也许你可以更改这个包装标签？

一种可能是当表单中出现错误时重写一个函数，有点像 ActionView::Base.field_error_proc 。

快速编辑：我忘了提及我正在使用 simple_form 来生成此表单。我尝试在 simple_form.rb 配置文件中查找自定义此操作的方法，但我没有看到任何方法。

解决方案 经过进一步调查，发现该表单还使用 nested_form gem 来生成表单（不仅仅是 simple_form）。该生成器导致 fields_for 被包装在 div 标签中。感谢大家的建议！

Answer 1

以下禁用包装器：

f.fields_for :images, wrapper:false do |image_builder|

然后您可以在构建器块中添加您自己的包装器。

Answer 2

一个廉价的解决方案只是将

标签添加到表单中，例如：

<%= f.fields_for :images do |image_builder| %>
 <li><%= render "images/form", :f => image_builder %></li>
<% end %>

我不确定是否可以通过将一些参数传递给 field_for 来完全消除 div 标签。但我认为你可以通过传递 html 块来更改 div 类或 id 的名称，例如 form_for 中：

<%= form_for @image, :as => :post, :url => post_image_path, 
   :html => { :class => "new_image", :id => "new_image" } do |f| %>

Answer 3

你说你正在使用 simple_form 那么你应该说 <%= f.simple_fields_for.. 。您是否尝试过使用 wrapper_html 选项：

<%= f.input :name, :label_html => { :class => 'upcase strong' },
  :input_html => { :class => 'medium' }, :wrapper_html => { :class => 'grid_6 alpha' } %>

编辑 1：
来自 SimpleForm 文档：

Wrapper

SimpleForm 允许您添加包含标签的包装器、错误、提示和输入。第一步是配置一个包装标签：

SimpleForm.wrapper_tag = :p

现在，您不再需要包装您的 f.input 调用：

<%= simple_form_for @user do |f| %>
  <%= f.input :username %>
  <%= f.input :password %>
  <%= f.button :submit %>
<% end %>

编辑 2：

并且有一个配置选项，您可以使用它来说明包装元素要使用什么 css 类：

config/initializers/simple_form.rb

# CSS class to add to all wrapper tags.
config.wrapper_class = :input