I'm having troubles with the up/down keys when the autocomplete list is presented. I can click and select items from the list with a mouse but when I use the down arrow to navigate the list goes away. I was thinking that it was because it is triggering off the .focus event. I changed it to .edit and was able to navigate the list but then I was locked in to the edit field.
var autoCompleteEditor = function (ui) {
var $inp = ui.$cell.find("input");
//initialize the editor
$inp.autocomplete({
source: "/utilities/ajax_get_catalog_autocomplete_JSON.php",
selectItem: {on: true}, //custom option
highlightText: {on: true}, //custom option
minLength: 0
}).focus(function () {
//open the autocomplete upon focus
$(this).autocomplete("search", "");
});
}
//define colModel
var colM = [
{title: "Part", width: 120, dataIndx: "Part", align: "left", cls: 'result',
editor: {
type: "textbox",
init: autoCompleteEditor,
},
filter: {type: 'textbox', condition: 'begin', listeners: ['keyup']}
},
