Используя ransack for Rails, выберите раскрывающийся список материалов приложения. - PullRequest
Новая
       29

Используя ransack for Rails, выберите раскрывающийся список материалов приложения.

0 голосов
/ 19 января 2019

Просто нужно знать, как вы добавляете код Ransack в виде рельсов, поскольку я беру список массивов в качестве элементов категории и передаю их в материал начальной загрузки

код для рельсов

поверх начальной строки кода поиска пути 

 <%= search_form_for @search, url: events_path do |f| %>

выпадающий код выпадающего кода без Ransack, который дает вывод с правильным выпадающим списком 

<div class="col">
     <div class="dropdown" id="dropdown">
      <p class="selected" id="selected"><span>Filter By Category1</span> <i class="material-icons">keyboard_arrow_down</i></p>

      <ul class="dropdown-list" id="dropdown-list">
         <a href="/events"> 
          <li>All Events </li>
          <% @category_list.each do |cat| %>
          <li class="selected" id="list"> <%= cat.name %></li>
          <% end %>
      </ul>
   </div>
 </div>

Я пытаюсь добавить Ransack, это не отображает мой список 

<div class="col">
     <div class="dropdown" id="dropdown">
      <%= f.select :category_name_eq, class: "selected" %>

      <ul class="dropdown-list" id="dropdown-list">
         <a href="/events"> 
          <li>All Events </li>
          <% @category_list.each do |cat| %>
          <li class="selected" id="list"> <%= cat.name %></li>
          <% end %>
      </ul>
   </div>
 </div>

1 Ответ

0 голосов
/ 19 января 2019

вы можете сделать со списком, подобным приведенному ниже,
, если вы разрешите пустую опцию, вы должны добавить include_blank: true в качестве примера ниже 

<div class="row form-group">
  <%= f.label "Filter By Category1 <i class="mi md-18">arrow_downward</i>".html_safe, :class => 'col-form-label col-sm-3' %>
  <div class="col-sm-9">
    <%= f.select :category_name_eq, 
      @category_list.all.map { |cat| [cat.name, cat.name] },
      { include_blank: true }, { class: 'form-control' } %>
  </div>
</div>
...