小编典典

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

elasticsearch

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

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

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文件中是否需要进行某些更改?


阅读 357

收藏
2020-06-22

共1个答案

小编典典

您需要返回一个 hash

autocompletedoctors控制器中的操作应如下所示:

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"
  });
});

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

2020-06-22