Rails：名前の検索を自動完成するにはどうすればよいですか？

Question

私はこのビデオhttp://railscasts.com/episodes/102-auto-complete-association-revisedを使用して、自分のアプリのフォームにオートコンプリート検索入力を設定しました。 （ビデオはメンバーだけのものかもしれませんので、私もコードを投稿します。基本的に、DB（名前）の列と入力時にドロップダウンでオートコンプリートを検索します。フォームは、名前自体ではなく、名前に関連するIDを送信します。

私は、ビューでこれを行う簡単な方法はないと仮定しています。以下のコードは、私に知らせてください他のコードは、参考になる場合

おかげ

コントローラー：。

def game_name 
    game.try(:name) 
end 

def game_name=(name) 
    self.game = Game.find_by_name(name) if name.present? 
end 

コーヒー：ビューで

jQuery -> 
$('#play_game_name').autocomplete 
    source: $('#play_game_name').data('autocomplete-source') 

：

<%= f.label :game_name, "Search for a game" %> 
    <%= f.text_field :game_name, :class => "mlm mtm", data: {autocomplete_source: Game.order(:name).map(&:name)} %> 

Answer 1

@LukasSvobodaの推奨に加えて、selecteventコールバックを上書きすることもできます。このコールバックは、ドロップダウンからアイテムを選択するとトリガーされます。コールバックでは、選択したアイテムの "ラベル"にテキストフィールド（送信する必要はありません）を設定し、ゲームIDの非表示フィールドの値を送信する必要があります選択された項目の「値」コーヒーで

：マークアップで

jQuery -> 
    $('#play_game_name').autocomplete 
    source: $('#play_game_name').data('autocomplete-source') 
    select: (event, ui) -> 

    # necessary to prevent autocomplete from filling in 
    # with the value instead of the label 
    event.preventDefault() 

    $(this).val ui.item.label 
    $('#game_id').val ui.item.value 

：

<%= text_field_tag nil, nil, :id => 'play_game_name', :class => "mlm mtm", data: {autocomplete_source: Game.order(:name).map { |t| { :label => t.name, :value => t.id } } %> 
<%= f.hidden_field :game_id, id: 'game_id' %> # tailor to your model 

Answer 2

あなたはオートコンプリートにデータを設定することができhttp://api.jqueryui.com/autocomplete/#option-sourceことで。 SELECT2または選択を使用することを考慮し、より高度な機能について

<%= f.text_field :game_name, :class => "mlm mtm", data: {autocomplete_source: Game.order(:name).map { |t| { :label => t.name, :value => t.id } } %> 

：

あなたは次のようtext_fieldラインを変更する必要があります。