jquery token-input和active_admin

Question

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

最好的方法是什么，以及如何一般地实现它，以便我可以重复使用代码来实现更多的has_many关系。

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

Answer 1

嗯，这不使用jquery-token-input，但它有效！

我使用Chosen。

下载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

在这种情况下，我的模型是故事和问题，由一个连接并属于许多关系。

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

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

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

这得到了一些必要的样式，但仍然需要一些工作，我认为是由于与主动管理风格的冲突。