5

我正在使用 SimpleForm + Bootstrap。如何type="text"使用 class = 向所有输入添加属性span12？

输出类似这样的东西：

<div class="controls"><input autofocus="autofocus" class="string required span12" id="user_first_name" name="user[first_name]" required="required" size="50" type="text" value=""></div>

我试过玩config.wrappers但是这个

ba.use :input,  :wrap_with => { :class => 'span12' }

不起作用。它添加到包装器而不是修改输入标签。有什么想法吗？

SimpleForm.setup do |config|
  config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b|
    b.use :html5
    b.use :placeholder
    b.use :label
    b.wrapper :tag => 'div', :class => 'controls' do |ba|
      ba.use :input
      ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' }
      ba.use :hint,  :wrap_with => { :tag => 'p', :class => 'help-block' }
    end
  end
  config.default_wrapper = :bootstrap
end
4

2 回答 2

6

您可以通过将 string_input.rb 类文件添加到您的 Rails 加载路径（即 app/inputs/string_input.rb）来简单地覆盖字符串输入的 simple_form 默认值，并包括以下内容：

class StringInput < SimpleForm::Inputs::StringInput
  def input_html_classes
    super.push('span12')
  end
end

如果您需要为其他类型的输入添加更多默认类，您可以查看提供的各种输入类型：

https://github.com/plataformatec/simple_form/tree/master/lib/simple_form/inputs

于 2013-04-23T20:44:29.943 回答
4

我有一个类似的问题，经过一些研究，我发现使用 wrapper api 不支持这个问题。

您可以做的最好的事情是在每个表单中使用 :defaults 选项，而不是为每个输入添加。

https://github.com/plataformatec/simple_form/issues/754

你可以这样实现：simple_form_for(@my_instance, defaults: { input_html: { class: 'span12' }})

您还可以选择使用自定义表单生成器。 https://github.com/plataformatec/simple_form#custom-form-b​​uilder

于 2013-03-08T11:11:50.723 回答