ruby-on-rails - Select2-rails 不适用于 ActiveAdmin

Question

我在将 select2-rails 与 ActiveAdmin 集成时遇到了困难。我遵循了设置步骤Select2-rails Github 页面:https://github.com/argerim/select2-rails我添加了一行:

//= require select2

到 app/assets/javascripts/application.js 并行:

*= require select2

app/assets/stylesheets/application.css

所以我假设当我在 ActiveAdmin 中有页面时，我应该能够添加行:

$('#add_student_select').select2() 

到active_admin.js.coffee

但是它不起作用。在控制台中，我可以看到以下错误:

Uncaught TypeError: undefined is not a function
(anonymous function)
fire
self.fireWith
jQuery.extend.ready
completed

我也关注了这个StackOverflow question建议将此行添加到 active_admin.css.scss:

body.active_admin {
  @import "select2";
}

但随后出现以下错误:

File to import not found or unreadable: select2.

我是否正确集成了它？我认为 ActiveAdmin 甚至无法访问图书馆。

Answer 1

如果要将 Select2 添加到 ActiveAdmin 界面，则必须将 javascript 和样式添加到 ActiveAdmin Assets :

# app/assets/javascripts/active_admin.js.coffee
#
#= require select2
#
# ...

还有样式表:

// app/assets/stylesheets/active_admin.css.scss
//
//= require select2
//
// ...

在您提供的示例中，Select2 可用于主 Rails 应用程序，但不可用于 ActiveAdmin。 ActiveAdmin 使用自己的 javascript 和样式表文件。