在rails中使用物化css框架和简单表单时，不会出现复选框

Question

因此，我编写了一个rails应用程序，它使用简单的表单生成表单，样式由materialize css框架控制。

我遇到的第一个问题是让简单表单输出一个输入标记，其类型为checkbox作为布尔值。在检查他们的文档后，以下是我的解决方案：

f.input :delivery_check, as: :boolean, label: "Check if order was delivered" 

然而，尽管简单表单输出输入标记与类型复选框，但视图中只显示该框的标签。

Answer 1

以下是我的工作解决方案：

首先，阅读Materialize网站上的代码示例。输入标记需要出现在标签标记之前。所以我们需要以简单的形式自定义自己的包装器。

因此，在您的config/initializers目录中，应该有一个simple_form.rb（如果初始化了simple_form_bootstrap.rb)

config.wrappers "my_checkbox", tag: 'div', class: "col s4", error_class: 'has-error' do |b|
  b.use :input
  b.use :label
  b.use :error, wrap_with: { tag: 'span', class: 'help-block' }
  b.use :hint,  wrap_with: { tag: 'p', class: 'help-block' }
end

f.input :delivery_check, :input_html => { :type => "checkbox", :id => "delivery_check" }, wrapper: :my_checkbox, label: "Check if order was delivered"