3

我正在尝试使用为 rails选择的 gem实现自动完成。哪个是一个 javascript 插件？

我正在使用 rails 3.2.8 和 Simple Form 2.0.2 我正在尝试以使用 simpleform gem 的形式实现它。在简单的形式中，我使用关联方法来选择用户可以/可能属于的所有机构（数据库中的另一个表）。

我一直在尝试将 2 个 railscasts 集#102和#258组合在一起

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

gem 'chosen-rails'

我已经把需要的项目放在 application.js

//= require chosen-jquery

& 应用程序.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 %>

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

4

1 回答 1

5

我想到了。

我的班级缺少“：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" }  %>
于 2012-09-19T17:12:46.207 回答