ruby-on-rails - 简单的形式将类添加到周围的 div

Question

我正在为简单形式编写自定义包装器:

## Inputs
b.wrapper tag: :div, class: 'col-lg-4 input-group' do |component|
  component.use :input, class: 'form-control'
  component.wrapper tag: :span, class: 'input-group-addon' do |icon|
    icon.wrapper :icon, tag: :i do
    end
  end
end

生成 HTML:

<div class="string optional q_post_date_gteq">
 <div class="col-lg-4 input-group">
  <input class="string optional datepicker form-control" placeholder="Start" type="text" name="q[post_date_gteq]" id="q_post_date_gteq">
  <span class="input-group-addon"><i class="icon-calendar"></i></span>
 </div>
</div>

<div class="string optional q_post_date_gteq">好像是自动生成的。我想给它添加一个类，这怎么可能？

Answer 1

默认情况下，简单表单会在输入和标签周围生成一个包装 div。我知道有两种方法可以为您的自定义包装器配置 html 选项。

1.您可以通过wrapper_html模板中表单生成器的选项:

f.input :some_property_name, wrapper_html: { class: 'your-class' }

2. 将类选项传递给 wrappers定义自定义包装器时:

config.wrappers :your_wrapper_name, class: 'your-class' do |b| ...

如果您需要更多帮助，有一些关于定义自定义包装器的很棒的文档! https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers