Rails: come faccio a completare automaticamente la ricerca di Nome ma a salvare l'ID?

Question

Ho utilizzato questo video http://railscasts.com/episodes/102-auto-complete-association-revised per impostare un input di ricerca di completamento automatico in un modulo per la mia app. (Il video potrebbe essere riservato ai membri, quindi pubblicherò anche il mio codice. Cerca essenzialmente una colonna del DB (nome) e dei completamenti automatici in un menu a discesa durante la digitazione. Tutto questo funziona comunque, ciò che mi piacerebbe fosse modulo da fare è inviare l'ID che si correla al nome, non al nome stesso

Suppongo che non ci sia un modo semplice per farlo nel solo panorama.Qualsiasi aiuto sarebbe fantastico. Codice di seguito, fammi sapere se qualsiasi altro codice sarebbe utile

Grazie

controller:.

def game_name 
    game.try(:name) 
end 

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

Caffè:

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

Nella vista:

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

Oltre a fare come suggerito @LukasSvoboda, è anche possibile ignorare la richiamata selectevent, che viene attivata quando si seleziona un elemento dal menu a discesa. Nel callback, puoi impostare il campo di testo (che non è necessario inviare) alla "label" dell'elemento selezionato e impostare il valore di un campo nascosto dell'id del gioco (che deve essere inviato) a il "valore" dell'elemento selezionato.

In caffè:

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 

In marcatura:

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

Con i dati http://api.jqueryui.com/autocomplete/#option-source è possibile impostare per il completamento automatico.

È necessario modificare la linea text_field come:

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

Per funzioni più avanzate in considerazione di utilizzare select2 o scelto.