我正在为简单形式编写自定义包装器:
## 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">
好像是自动生成的。我想给它添加一个类,这怎么可能?
最佳答案
默认情况下,简单表单会在输入和标签周围生成一个包装 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
关于ruby-on-rails - 简单的形式将类添加到周围的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37573548/