ruby on rails - searchkick - Autocomplete with multiple attributes

Question

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?

Answer 1

You need to return a hash

Your autocomplete action in doctors controller need to look like this :

def autocomplete
  render json: Doctor.search(params[:query], autocomplete: true, limit: 10).map do |doctor| { name: doctor.name, city: doctor.city, country: doctor.country }
  end
end

Add displayKey in your typeahead option:

$( function () {
   $("#search").typeahead({
    name: "doctor",
    displayKey: 'name',
    remote: "/doctors/autocomplete?query=%QUERY"
  });
});

You can also read this article and see if it helps.