主動管理員根據第一次下拉選擇下降依賴負載

Question

我是新來的紅寶石在rails和活動管理員，我需要創建兩個下拉列表一是位置和另一個是遊戲。

遊戲基於位置，所以如果我從下拉列表中選擇一個位置，它應該顯示與第二個下拉列表中的特定位置相關的遊戲。

你能幫我嗎？

form do |f| 
     f.inputs do 
     f.input :location_id, :as => :select, :collection => Location.all.collect {|var| [var.location, var.id] } 
     f.input :game_id, :as => :select, :collection => Game.all.collect {|var| [var.game, var.id] } 
    end 
    f.actions 
end 

Answer 1

是的，這很容易。您只需要包含Javascript代碼以使下拉框關閉並打開即可。所以當用戶點擊下拉菜單時，下拉菜單就會打開。管理click事件

$('.divtobeclicked').click(function() { 
    $('.dropdown').toggle() 
}); 

jQuery的例子然後下拉HTML將somethink這樣，i class="icon.."是fontawesome圖標，所以你需要在你的項目中fontawesome寶石包括。

<div class="divtobeclicked"> 
    <i class="icon-task-l"></i> 
</div> 
<div class="dropdown"> 
    <ul> 
    <li>first option</li> 
    <li>first option</li> 
    <li>first option</li> 
    </ul> 
</div> 

然後您需要編輯這些li以便它們與rails兼容。

<%= form do |f| %> 
    <li><%= f.input :location_id ..... %></li> 
    ..... 
<% end %> 

您可以輕鬆地找到在線di CSS/javascript代碼。

這是CSS/HTML下拉菜單，你將需要爲軌道 https://www.w3schools.com/CSS/css_dropdowns.asp

適應聽到你找到關於如何切換一個div使用jQuery toggle show/hide div with button?

使用JavaScript的JavaScript的解釋， css在你的項目中，你需要熟悉一下資產管道。