Использование плагина Chosen с Rails Select

Я пытаюсь реализовать автозаполнение с помощью выбранного камня для рельсов. Это плагин javascript, собранный здесь

Я использую rails 3.2.8 и Simple Form 2.0.2. Я пытаюсь реализовать его в форме, использующей драгоценный камень simpleform. В простой форме я использую метод ассоциации, чтобы выбрать все учреждения (другая таблица в базе данных), к которым пользователь может/мог бы принадлежать.

Я пытался собрать его воедино из двух эпизодов railscasts #102 и #258

Я установил драгоценный камень в свой файл драгоценного камня

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 %>

Что я делаю неправильно? Спасибо за помощь.


jquery ruby-on-rails-3 jquery-chosen
person DaveG    schedule 19.09.2012    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Я понял.

Мне не хватало ": 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" }  %>
person DaveG    schedule 19.09.2012