Rails 3 - 古典的なテキスト入力の代わりにテキストエリアでオートコンプリートを使用する方法は？

Question

私はrails3-jquery-autocomplete宝石で遊んでいて、かなりうまく動作します。 TEXTAREAの代わりに、デフォルト入力を使用する方が良いだろう、なぜ私は入力に言葉をたくさん書く必要があり、多くの時間が、それだから

= f.autocomplete_field :interest, autocomplete_interest_users_path, :"data-delimiter" => ',' 

、しかし：ここに私のオートコンプリートの入力がどのように見えるか、例ですどうやってするか？何か案は？

ありがとうございます。

Answer 1

http://rightjs.org/ui/tags/demoのようなものでしょうか？この作業をRailsで行うには、http://st-on-it.blogspot.com/2011/04/making-tags-with-rails-and-rightjs.htmlという記事があります。

Answer 2

は、ここで私はjQueryを使ってそれをやった方法は次のとおりです。

がヘルパーとしてこれを追加します。

module ActionView 
    module Helpers 
    module FormHelper 

     def autocomplete_text_area(object_name, method, source, options ={}) 
     options["data-autocomplete"] = source 
     text_area(object_name, method, rewrite_autocomplete_option(options)) 
     end 
    end 
    end 

    class ActionView::Helpers::FormBuilder 
    def autocomplete_text_area(method, source, options = {}) 
     @template.autocomplete_text_area(@object_name, method, source, objectify_options(options)) 
    end 
    end 
end 

これは、あなたがRailsの中にフォームヘルパーを延長する方法です。私たちがここでやっていることは、私たちが見ることができる独自のメソッドを追加することです。

今、あなたのjavascriptファイルの1つにこれを追加します。

$('textarea[data-autocomplete]').railsAutocomplete() 

これが耳を傾け、私たちのテキストエリアに対応するためのオートコンプリートjsのスクリプトを設定します。

そして、あなたは今、あなたのビューでこのような何かを行うことができるはず：

f.autocomplete_text_area :name, autocomplete_menu_item_name_menus_path, placeholder: "Menu Item Name", class: 'input-lg menu_item', size: "45x2"