ruby-on-rails - 如何更改 simple_form 以使用引导程序前置输入

Question

我使用的是 Rails 3.2，simple_form，它是默认的引导生成器。

我想在我的布局中使用 Bootstrap“附加和前置”表单元素之一。如何修改简单的表单输入以生成所需的代码？

使用的代码：
<%= f.input :price, :label => 'Price:' %>

生成的代码：

<div class="control-group string optional">
    <label class="string optional" for="price">Price:</label>
    <div class="controls">
        <input class="string optional" id="price" type="text">
    </div>
</div>

所需代码：

<div class="control-group string optional">
    <label class="string optional control-label" for="price">Price:</label>
    <div class="input-prepend">
        <span class="add-on">$</span>
        <input class="string optional" id="price" type="text">
    </div>
</div>

请注意“输入前置”类更改和“附加”跨度。

Answer 1

您需要添加一个包装器。

对于预附加代码是这样的：

 <%= f.input :price, :wrapper => :prepend, :label => false do %>
    <%= content_tag :span, "$", :class => "add-on" %>
    <%= f.input_field :price %>
  <% end %>

有关更多信息，请查看使用 simple_form 和 bootstrap 的实时示例。你可以在这里找到代码。

希望它有所帮助。