jQuery токен-вход и active_admin

Question

Я хочу использовать jquery-token-input с отношениями has_many внутри active_admin.

Как лучше всего это сделать, и как я могу реализовать его в целом, чтобы я мог повторно использовать код для дальнейших отношений 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 включены в ActiveEadmin.

Для формы в ActiveEadmin, вот что я использовал (в приложении File/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

В этом случае мои модели - это история и проблемы, связанные с АС и принадлежат многим отношениям.

Единственная Gotcha заключается в том, что ввод токена, кажется, переопределяется активным администратором, пытаясь выяснить это.

ОбновлятьДобавьте следующее в App/Assets/StyleShips/active_admin.css.sass

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

Это получает некоторые из необходимых стилей, но некоторая работа все еще необходима, я думаю, что из -за столкновений с активным стилем администратора.