Question

在form_tags中，我可以轻松地添加方法并从text_field_tag获取参数，例如查询数据库或执行搜索。

FORM_TAG

</form>
          <%= form_tag usernotes_path, method: 'get' do %>
          <%= text_field_tag :query, params[:query], size: 150, placeholder: "Search", class: "searchInput"%>
          <%= submit_tag 'Search', class: 'btn btn-success' %>
          <% end %>
        </div>

现在我正在尝试使用bootstrap“搜索”表单，但不确定如何实现与form_tag相同的结果（放置方法的位置，如何添加操作，如何执行查询？）

BootStrap搜索

    <div class="col-sm-3 col-md-3">
                <form class="navbar-form" role="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div>
                </form>
</div>

Answer 1

<div class="col-sm-3 col-md-3">
  <%= form_tag usernotes_path, method: 'get', class: 'navbar-form', role: 'search' do %>
    <div class="input-group">
      <%= text_field_tag :query, params[:query], size: 150, placeholder: "Search", class: "form-control"%>
    </div>
    <%= submit_tag 'Search', class: 'btn btn-success' %>
    <div class="input-group-btn">
      <%= button_tag(type: "submit", class: "btn btn-default") do %>
        <i class="glyphicon glyphicon-search"></i>
      <% end %>
    </div>
  <% end %>
</div>

这应该是它，没有在应用程序中测试它，但我认为它会起作用，如果不是，请在评论中告诉我。

如何通过引导搜索框执行查询

1 个答案: