使用此处给出的单个属性进行搜索时,自动完成功能可以正常工作。
通过->根据此,可以自动完成具有(名称,城市,国家/地区)等多个属性
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文件中是否需要进行某些更改?
您需要返回一个 hash
hash
您autocomplete在doctors控制器中的操作应如下所示:
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您的预输入选项:
displayKey
$( function () { $("#search").typeahead({ name: "doctor", displayKey: 'name', remote: "/doctors/autocomplete?query=%QUERY" }); });
您也可以阅读这篇文章,看看是否有帮助。