Schienen die Umsetzung der Suche mit autocomplete

Ich bin nicht sicher, wie Sie Sie haben eine autocomplete-Formular auf meine such-Funktion.

<%= form_tag "/search", :method => "get" do %>
    <%= text_field_tag :query, params[:query] %>
    <%= image_submit_tag "site/blankimg.png", :name => nil %>
<% end %>

Ich habe einen controller der folgenden mit einer angepassten Handlung

   def query
     @users= Search.user(params[:query])
     @article= Search.article(params[:query])
   end

Das Modell hat Folgen:

def self.user(search)
 if search
    User.find(:all, :conditions => ['first_name LIKE ?', "%#{search}%"])
  else
    User.find(:all)
  end
end

def self.article(search)
  if search
    Article.find(:all, :conditions => ['title LIKE ?', "%#{search}%"])
  else
    Article.find(:all)
  end
end

Nun diese große Arbeit für eine Suche, aber es, ich würde es gerne, um mir zu zeigen, das Ergebnis Schreibe ich es, und ich kann nicht mit jquery autocomplete, weil es zwei-Objekt.

InformationsquelleAutor Jseb | 2013-03-03

  1. 21

    Verwenden Twitter typeahead. Es gibt einige Beispiele hier:

    http://twitter.github.com/typeahead.js/examples/

    Twitter typeahead und alle Informationen, die Sie brauchen, ist verfügbar https://github.com/twitter/typeahead.js/

    Wie zu verwenden

    Die Verwendung hängt von den Daten sind Sie gehen zu müssen, wie 'vorgeschlagen'. Zum Beispiel, wenn es sich um statische Daten (immer die gleiche), die Sie implementieren können, ist es auf diese Weise:

    $('input.typeahead').typeahead({
  local: ['suggestion1', 'suggestion2', 'suggestion3',...., 'suggestionN']
  #The typeahead is going to load suggestions from data in local.
});

    Wenn die Daten verändert und es kam von einem Modell oder einer db-Tabelle, dann kannst du versuchen:

    Controller:
def load_suggestions
  @suggestions = MyModel.select(:name) or MyModel.find(:all, conditions: [...]) #Select the data you want to load on the typeahead.
  render json: @suggestions
end

JS file:
$('input.typeahead').typeahead([
  {
    prefetch: 'https://www.mipage.com/suggestion.json' #route to the method 'load_suggestions'
    #This way, typeahead will prefecth the data from the remote url
   }
]);
    wie würde ich meine Haken Modell?
    Ich werde mein edit beantworten, um Ihnen zu zeigen, wie es funktioniert
    vielen Dank, ich lese Ihre api ist ein wenig verwirrend, zum ersten mal gesehen
    Sie müssen downloaden typeahead.js und typeahead.css-Dateien
    Danke! Es ist eine gute Arbeit!

    InformationsquelleAutor Alfonso

Schreibe einen Kommentar