3

レール用に選択した宝石でオートコンプリートを実装しようとしています。ここで収穫によるJavaScriptプラグインはどれですか

Rails 3.2.8 & Simple Form 2.0.2 を使用しています。simpleform gem を使用しているフォームに実装しようとしています。simpleform では、関連付けメソッドを使用して、ユーザーが所属できる/所属できるすべての機関 (データベース内の別のテーブル) を選択しています。

Railscasts の 2 つのエピソード#102と#258を組み合わせて、つなぎ合わせようとしています。

gemファイルにgemをインストールしました

gem 'chosen-rails'

必要な項目を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 %>

私は何を間違っていますか？助けてくれてありがとう。

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 に答える