ruby-on-rails - 自定义 Javascript Rails 管理员

Question

我想将来自 Google Analytics 的 JS 嵌入 API 添加到我的 Rails 应用程序中，并且仅适用于 Rails Admin(其他任何地方都不需要)。

我们已经覆盖了 Rails Admin Dashboard，现在我们正在为自定义 JS 苦苦挣扎。

我在这里找到:https://groups.google.com/forum/#!topic/rails_admin/KgUl3gF5kTg它需要放在app/assets/javascripts/rails_admin/custom/ui.js .

所以我把所有的 .js 文件和 .js.map 文件放在目录中:

.
└── custom
    ├── active-users.js
    ├── chart.js
    ├── datepicker.js
    ├── moment.js
    ├── platform.js
    ├── platform.js.map
    ├── polymer.js
    ├── polymer.js.map
    ├── promise.js
    ├── ui.js
    └── viewpicker.js

我添加了 //= require_tree .在 ui.js文件但在 rails_admin 我仍然收到:

Uncaught ReferenceError: Polymer is not defined 

这意味着未加载 .JS 文件。

感谢此链接找到上述链接: Rails Admin: add javascript library to custom action

编辑 1:在 Rails 3 环境中使用 Rails Admin。

编辑 2:

因此，出于测试原因，我删除了所有自定义 JS/HTML 等。

我在 ui.js 中设置了这个:

//=require_tree .

我在 leecher.js 中设置了这个:

$(document).ready(function() { document.MY_SIMPLE_VARIABLE = 2; } );

当我重新启动服务器时，我转到 rails admin，注销，再次重新启动服务器，登录。转到 chrome 中的控制台并键入:

document.MY_SIMPLE_VARIABLE

我收到以下信息:


出于测试原因，我添加了一个:

alert("hello world");

但是还是没有触发。

ui.js 和 leecher.js 的位置是:

应用程序/ Assets /javascripts/rails_admin/custom/

这是我当前的 Gemfile:

http://pastie.org/private/zrrzjpbx5jq7enpeknsa

编辑 3:
如果我将 JS 代码放入 ui.js，它会显示一个警告!所以它们是包含的问题(//= 需要树。)

编辑 4:
我正在使用的所有 JS 文件: https://gist.github.com/YOUConsulting/243397c31ea28d217367

的简单例子没有 工作:
https://gist.github.com/YOUConsulting/571e785d6b6c1ed06d6b

的简单例子工作:
https://gist.github.com/YOUConsulting/52de78aa043239aae707

Answer 1

我已经重写了我的答案来描述完整的解决方案，以防其他人将来需要它。

app/assets/javascripts/rails_admin/custom/ui.js 像 Rails Assets 管道中的 list 文件一样工作，因此它支持 these directives .

为了包含 下的所有 .js 文件定制 ， 添加

//= require_tree .

在文件的顶部。
如果这不能立即运行，请运行

rake tmp:clear

将解决问题;)

干杯!