Autocomplete works ok when searching with a single attribute as given here.
Autocomplete with multiple attributes such as (name,city,country) is possible through->(according to this)
def autocomplete
Doctor.search(params[:query], autocomplete: true, limit: 10).map{|doctor| doctor.slice(:name, :city, :country) }
end
However this results in the autocomplete dropdown/suggestions to show "undefined".
For type ahead i am using:
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.9.3/typeahead.min.js"></script>
In the code it is referenced by:
$( function () {
$("#search").typeahead({
name: "doctor",
remote: "/doctors/autocomplete?query=%QUERY"
});
});
Is some change required in the typeahead js file because of more than one set of data being returned?
You need to return a
hash
Your
autocomplete
action indoctors
controller need to look like this :Add
displayKey
in your typeahead option:You can also read this article and see if it helps.
Based on the above answer and this and this
What worked is shown below:
The variable store: now contains all the data.
Javascript:
Autocomplete works great on both fields however now i get an empty array on writing a url like