在rails 3.2应用程序中,当我输入文本框时,我想在自动填充中显示建议。
我使用typeahead.js作为bootstrap 3。
我无法显示"未找到结果"。以下是我的代码。
$('.js_edit_set_type_ahead').each(function() {
var $this = $(this);
$this.typeahead({
source: function(query, process) {
person = [];
map = {};
var data = [
<% @people.order(:last_name).each do |person| %> {
"id": "<%= person.id %>",
"name": "<%= person.full_name %>"
},
<% end %>
];
$.each(data, function(i, state) {
map[state.name] = state;
person.push(state.name);
});
process(person);
},
updater: function(item) {
selectedState = map[item].id;
$this.prev().val(selectedState)
return item;
},
matcher: function(item) {
if (item.toLowerCase().indexOf(this.query.trim().toLowerCase()) != -1) {
$this.prev().val('')
// $(".add_member_btn").removeClass('hide')
// $(".person_details").val('')
// $(".person_details").removeAttr('disabled')
return true;
}
},
items: 'all',
sorter: function(items) {
return items;
},
highlighter: function(item) {
// $(".add_member_btn").removeClass('hide')
var regex = new RegExp('(' + this.query + ')', 'gi');
return item.replace(regex, "<strong>$1</strong>");
}
});
})
由于