如何在带有类别的Rails中实现bootstrap下拉列表

Rixcy 发表于 Dev

里西

我想在我的rails项目中实现Bootstrap的下拉菜单，类似于在Bootstrap网站上提供的以下代码：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

目前，我在项目中有一个部分，可以在其中添加新的/编辑的类别，以便在主表单中使用。我目前用于无格式选择/下拉菜单的代码是：

<%= f.select :category_id, Category.all.map { |category| [ category.name, category.id ] }, class: "form-control" %>

似乎没有应用任何引导格式，我尝试将代码更改为：

<%= f.select :category_id, options_for_select([Category.all.map { |category| [ category.name, category.id ] }]), {}, class: "form-control" %>

这为下拉框提供了一个引导样式框，但是默认选择下的下拉框没有类似于Bootstrap示例的任何格式。我的类别之一就是“页面”，但是上面代码中的选择框内的文本仅显示[“ pages”，1]，其中1是ID。

任何帮助，将不胜感激:)

柴坦亚

我认为正确的语法如下

 = f.select :category_id, options_for_select(Category.collect {|c| [c.name, c.id]}), { :include_blank => "Please select category"}, {:class => "form-control"}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。