使用选定的插件选择Rails

Question

我正在尝试使用所选的gem for rails 实现自动完成.后者是一个JavaScript插件,通过收获这里

我正在使用rails 3.2.8和Simple Form 2.0.2我试图以一种使用simpleform gem的形式实现它.在simpleform中,我使用关联方法来选择用户可以/可能属于的所有机构(数据库中的另一个表).

我一直试图通过组合2个轨道广播剧集#102和#258来拼凑它

我在我的gem文件中安装了gem

gem 'chosen-rails'

我把require项放在application.js中

//= require chosen-jquery

&application.css

 *= require chosen

我已将调用放在users.js.coffee文件中

jQuery ->
  $('#user_bankinst_name').chosen();

这是我正在尝试使用该插件的表单.这是"f.association"系列.

            <%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
              <%= f.error_notification %>
                <%= f.input :email, :required => true, :autofocus => true, :label => 'Username ( Your Email )', :placeholder => 'Email Address' %>
                <%= f.input :password, :required => true, :autofocus => true, :label => 'Password', :placeholder => 'Password' %>
                <%= f.input :password_confirmation, :required => true, :autofocus => true, :label => 'Confirm Password', :placeholder => 'Password Confirmation' %>
                <%= f.association :bankinst, :collection => Bankinst.order(:FinancialInstitutionName), :required => true, :autofocus => true, :label => 'Pick an Institution', :label_method=>:FinancialInstitutionName, :id => 'user_bankinst_name'  %>
                <%= f.button :submit, "Sign Up  >>", class: 'btn btn-inverse' %>
            <% end %>

我究竟做错了什么？谢谢您的帮助.

Answer 1

我想到了.

我的班级缺少":input_html".

我将咖啡文件更改为:

jQuery ->
  $('.chzn-select').chosen()

我将课程改为chzn-select

<%= f.association :bankinst, :collection => Bankinst.order(:FinancialInstitutionName), :required => true, :autofocus => true, :label => 'Pick an Institution', :label_method=>:FinancialInstitutionName, :input_html => {:class => "chzn-select" }  %>