3

我正在使用 twitter bootstrap 的自定义主题，以这种方式围绕 div 中的输入：

    = simple_form_for(@user_session) do |f|
      .control-group
        = f.label :username, 'Usuario', class: 'control-label'
        .controls
          = f.input_field :username

我只想使用 f.input 来保存大型表单中的编码，我运行 rails generate simple_form:install 能够修改配置，目前我有：

    = simple_form_for(@user_session) do |f|
      = f.input :username, :label => 'Usuario'

它几乎生成了我需要的所有标记（在初始化程序/simple_form 中添加相应的类）：

<form action="/user_sessions" class="form-horizontal new_user_session" method="post">
      ...
      <div class="control-group username">
          <label class="username control-label" for="user_session_username">Usuario</label>
          <input class="username" id="user_session_username" name="user_session[username]" size="50" type="text" />
      </div>
      ...
</form>

它只需要和额外的“div”以及围绕输入标签而不是标签的类“控件”，有没有办法实现这一点？

谢谢！

4

1 回答 1

8

终于找到了怎么做，以这种方式配置包装器为引导程序添加了所需的 div：

初始化器/simple_form

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

在这里找到答案：http: //blog.jamesalmond.com/using-simple-form-in-an-engine/

希望它可以帮助某人！再见。

于 2012-09-25T20:15:08.880 回答