I generate the autocomplete from an ajax function which returns a JSONArray but the autocomplete doesn't adjust to what i am typing, but it always shows all suggestions no matter what I type into the text field. Here is my code:

2. colModel: [....
3.             {
4.                 name: 'ScenarioName',
5.                 index: 'ScenarioName',
6.                 sortable: true,
7.                 sorttype: 'text',
8.                 editable: true,
9.                 edittype: 'custom',
10.                 editoptions: {
11.                     custom_element : autocomplete_element,
12.                     custom_value   : autocomplete_value
13.                 },
14.                 hidelg: true
15.             }
16. ....]

2. function autocomplete_element(value, options) {
3.   // creating input element
4.   var $ac = $('<input type="text"/>');
5.   $ac.val(value);
6.   var $source = "ajax/listAutoComplete?fieldName="+options.id;
7.   $ac.autocomplete({
8.     source: $source,
9.     autosearch: true,
10.     minLength: 2,
11.     selectFirst: true
12.   });
13.   return $ac;
14. }
15. 
    
16. function autocomplete_value(elem, op, value) {
17.   if (op == "set") {
18.     $(elem).val(value);
19.   }
20.   return $(elem).val();
21. }
22. 
    

If I change the source to a static array (e.g. ["1","11","111"]) then it works fine.

Any suggestions?