让 select2 与活动管理员一起工作答案

【问题标题】：Getting select2 to work with active admin让 select2 与活动管理员一起工作
【发布时间】：2013-05-30 15:11:08
【问题描述】：

我正在使用带有 Active Admin 的应用程序，需要从选择输入中选择多个值，我添加了 Select2 gem，它添加了所有相关的 JS 和 CSS，没有问题，但由于某种原因，选择框似乎稍微改变它们的外观，但不是完全的 Select2 外观，经过检查，JS 看起来并没有添加所有正确的类......有什么想法吗？

这是我的代码：

active_admin.css.scss

//= require select2
@import "active_admin/mixins";
@import "active_admin/base";

active_admin.js

//= require select2
//= require active_admin/base
$(".select2able").select2({
placeholder: "Select a Partner"
});

activeadmin 表单

f.input :sponsors, as: :select, collection: Sponsor.all, input_html: {class: 'select2able'}

【问题讨论】：

标签： ruby-on-rails-3 activeadmin jquery-select2

【解决方案1】：

这是由于 Active Admin 决定将其 CSS 样式包装在 .active_admin 选择器中。结果，大多数第三方 gem 的 CSS 样式变得不那么具体，并且它们的外观变得不完整。

对于 select2，以及 CSS 文件位于“stylesheets”文件夹中的所有 gem，在 active_admin.css.scss 的底部添加以下行：

body.active_admin {
  @import "select2";
}

这将赋予 select2 的所有样式 body.active_admin 选择器，使它们比 Active Admin 的样式更具体。

【讨论】：

【解决方案2】：

问题已解决，使用选择的 js 代替 select2，效果与 select2 一样好，但在活动管理员中没有问题。

https://github.com/gregbell/active_admin/issues/2267#issuecomment-19197807

【讨论】：

ajax 和自动补全呢？
据我所见， selected 具有自动完成功能，但缺少您可能想要的标签列表的可选性（输入尚不存在的值的能力）。 Select2 声称这是一项功能。
@DanMitchell 感谢有关选择作为 Select2 替代品的提示。