searchkick-具有多个属性的自动完成

Question

使用此处给出的单个属性进行搜索时，自动完成功能可以正常工作。

通过->根据此，可以自动完成具有（名称，城市，国家/地区）等多个属性

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

但是，这会导致自动完成下拉列表/建议显示为“未定义”。

对于提前输入，我正在使用：

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.9.3/typeahead.min.js"></script>

在代码中，它被引用为：

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


});

由于返回了一组以上的数据，因此在typeahead js文件中是否需要进行某些更改？

Answer 1

您需要返回一个 hash

您autocomplete在doctors控制器中的操作应如下所示：

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

添加displayKey您的预输入选项：

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

您也可以阅读这篇文章，看看是否有帮助。