Как выполнить запрос через окно поиска начальной загрузки

#ruby-on-rails #twitter-bootstrap

#ruby-on-rails #twitter-bootstrap

Вопрос:

В 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>
 

Теперь я пытаюсь использовать форму «поиска» начальной загрузки, но не уверен, как добиться того же результата, что и form_tag (куда поместить метод, как добавить действия, как выполнить запрос?)

Поиск начальной загрузки

     <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>
 

Ответ №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. Спасибо. Функциональность работает, но объект позиционируется не совсем. Вверху, а затем под окном поиска появляются окна поиска btn-success и glyphicon-search. Теперь я исправил позиционирование