Reputation: 1435
I followed other solutions which are already answered for similar question. So I modified my jquery code accordingly as follows:
jquery
$('#equipment_manufacturer_name').autocomplete({
source: function(req, res) {
var arraySource = $('#equipment_manufacturer_name').data('autocomplete-source');
var results = $.ui.autocomplete.filter(arraySource, request.term);
response(results.slice(0, 10));
}
});
This didn't work. But my other code where I did not implement array limitation works fine.:
$('#equipment_manufacturer_name').autocomplete({
source: $('#equipment_manufacturer_name').data('autocomplete-source')
});
html.erb
<%= f.text_field :manufacturer_name, data: {autocomplete_source: Manufacturer.order(:name).map(&:name)} %>
Upvotes: 0
Views: 106
Reputation: 18657
You have taken req
,res
in the method parameter, but request
and response
in the code. which is giving you the issue.
So, change the code to below.
$('#equipment_manufacturer_name').autocomplete({
source: function(req, res) {
var arraySource = $('#equipment_manufacturer_name').data('autocomplete-source');
var results = $.ui.autocomplete.filter(arraySource, req.term);
res(results.slice(0, 10));
}
});
Upvotes: 1