主动管理员根据第一次下拉选择下降依赖负载

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在你的项目中，你需要熟悉一下资产管道。