Typeahead填充活动记录对象的所有属性

我正在使用rails 4，我正试图让它与最新的typeahead一起工作。 下拉列表显示匹配的活动记录对象的所有属性，而不仅仅是我想要的名称。

item.rb

  def self.search(search) if search where(['lower(name) LIKE ?', "%#{search}%"]) else Item.all end end 

items_controller.rb

  def index @items= Item.search(params[:query]) end def typeahead render json: Item.where('name ilike ?', "%#{params[:query]}%") end 

_header.html.erb

 . . .  $(document).ready(function(){ var bloodhound = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'), queryTokenizer: Bloodhound.tokenizers.whitespace, limit: 10, remote: {url: '/typeahead/%QUERY', wildcard: '%QUERY'} }); bloodhound.initialize(); $('#typeahead').typeahead(null, { name: 'name', source: bloodhound.ttAdapter() }); $('#typeahead').bind('typeahead:selected', function(event, datum, name) { window.location.href = '/items/' + datum.id; }); });  

config/routes.rb

 get 'typeahead/:query', to: 'items#typeahead' 

我可以去/typeahead/:query.json，它似乎正在按照预期工作。

Answer 1

请参阅文档

display – 对于给定的建议，确定它的字符串表示forms。 在选择建议后设置输入控件的值时将使用此选项。 可以是键字符串，也可以是将建议对象转换为字符串的函数。 默认为字符串化建议。

 $(document).ready(function() { var data = [{ "id": 4, "name": "Flexidy", "description": "Impedit libero veniam sit molestias quae.", "created_at": "2016-01-07T15:26:45.305Z", "updated_at": "2016-01-07T15:26:45‌​.305Z", "created_by": null, "status": 1 }, { "id": 5, "name": "Plexidy", "description": "Impedit libero veniam sit molestias quae.", "created_at": "2016-01-07T15:26:45.305Z", "updated_at": "2016-01-07T15:26:45‌​.305Z", "created_by": null, "status": 1 }]; var bloodhound = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), queryTokenizer: Bloodhound.tokenizers.whitespace, local: $.map(data, function(item) { return { value: item.name } }) }); bloodhound.initialize(); $('#typeahead').typeahead({ highlight: true }, { name: 'name', display: 'name', limit: 10, templates: { suggestion: function(data) { console.log(data); var details = "
" + data.value + "
"; return details } }, source: bloodhound.ttAdapter() }); // $('#typeahead').bind('typeahead:selected', function(event, datum, name) { // window.location.href = '/items/' + datum.id; // }); });