ruby-on-rails - 如何将此 form_tag 助手转换为 simple_form_for 调用？

Question

这是我要生成的 HTML:

<div class="col-lg-3">
   <div class="input-group custom-search-form">
        <input type="text" class="form-control">
        <span class="input-group-btn">
        <button class="btn btn-default" type="button">
          <span class="glyphicon glyphicon-search"></span>
        </button>
        </span>
    </div><!-- /input-group -->
</div>

这是我的普通 Rails 表单助手:

    <div class="col-lg-3">
                <div class="input-group custom-search-form">
                <%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %>
                   <%= text_field_tag :search, params[:search], placeholder: "Search videos", :class => "form-control" %>
                  <span class="input-group-btn">
                            <%= submit_tag "", name: nil, class: "btn btn-default" %>
                  <span class="glyphicon glyphicon-search"></span>
                 </span>

                                <% end %>
             </div><!-- /input-group -->
     </div> <!-- //col-lg-3 -->

这是它的样子:

而我想要实现的是:

由此生成:

http://bootsnipp.com/snippets/featured/search-box

我想生成上面的 HTML，使用 simple_form_for，而不是 form_tag 助手。

所以我安装了simple_form。如何将此 form_tag 转换为 simple_form_for 调用？

<%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %>

Answer 1

您也可以使用 form_tag 来做到这一点。试试下面的代码:

<%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %>
  <div class="col-lg-3">
    <div class="input-group custom-search-form">
      <%= text_field_tag :search, params[:search], placeholder: "Search videos", :class => "form-control" %>
      <span class="input-group-btn">
        <%= button_tag "", name: nil, class: "btn btn-default", type: "button" do %>
          <span class="glyphicon glyphicon-search"></span>
        <% end %>
      </span>
    </div><!-- /input-group -->
  </div> <!-- //col-lg-3 -->
<% end %>