jquery 令牌输入和 active_admin

Question

我想在 active_admin 内使用 jquery-token-input 和 has_many 关系。

最好的方法是什么，以及如何通用地实现它，以便我可以重新使用代码来实现进一步的 has_many 关系。

我期待您的建议和指导方针。

Answer 1

好吧，这没有使用jquery-token-input，但它有效！

我使用了选择。

下载 CSS、JS 和 png 文件并将其放入相应的资源目录中。

在/app/admin/modelname.rb中

ActiveAdmin.register Modlename do

#Customize create and edit form
form do |f|
    f.inputs do
       f.input :name
       f.input :othermodel, :input_html => { :class => "chosen-input" }
    end
  f.buttons
  end   
end  

在active_admin.js

//= require chosen.jquery.min

$(document).ready(function(){
   $(".chosen-input").chosen();
});

中 在active_admin.css.scss中

/*
   *= require chosen
*/

Answer 2

我可以采用 RailsCast 来做到这一点。
http://railscasts.com/episodes/258-token-fields

唯一的附加内容要考虑的是确保 JavaScript 和 CSS 包含在 ActiveAdmin 中。

对于 ActiveAdmin 中的表单，这是我使用的（在文件 app/admin/story.rb 中）。

ActiveAdmin.register Story do
  form do |f|
    f.inputs "Story details" do
        f.input :title
    end
    f.inputs "Issue Categories" do
        f.text_field :issue_tokens, data: {load: f.object.issues}
    end

    f.actions
  end
end

在这种情况下，我的模型是 Story 和 Issues，通过 has 和属于许多关系连接。

唯一的问题是，令牌输入似乎被主动管理员覆盖，试图找出这个问题。

更新
将以下内容添加到 app/assets/stylesheets/active_admin.css.sass

@import "token-input";
@import "token-input-facebook";

这将获得一些所需的样式，但仍然需要一些工作，我认为由于与活动管理样式发生冲突。