Rails 5中,可以使用item_wrapper_tag选项来设置simple_form中集合的样式。
简单来说,item_wrapper_tag用于指定包裹集合项的HTML标签。通过设置不同的标签,可以改变集合项的外观和布局。
在simple_form中,集合通常用于选择框、单选按钮或复选框等表单元素。下面是一个示例:
<%= simple_form_for @model do |f| %>
<%= f.input :items, as: :check_boxes, collection: @items, item_wrapper_tag: :div, item_wrapper_class: 'checkbox' %>
<%= f.button :submit %>
<% end %>
在上面的示例中,我们使用了一个复选框集合。通过设置item_wrapper_tag为:div,我们将每个复选框包装在一个div标签中。同时,我们还可以通过item_wrapper_class选项来添加额外的CSS类。
这样设置后,生成的HTML代码将类似于:
<div class="checkbox">
<label>
<input type="checkbox" name="model[items][]" value="1"> Item 1
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="model[items][]" value="2"> Item 2
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="model[items][]" value="3"> Item 3
</label>
</div>
这样,我们就可以通过设置item_wrapper_tag来自定义集合的样式。
推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云