can not select value jqGrid autocomplete

Question

Я использую jqGrid с автозаполнением jquery на одном столбце.

{ 
name : 'mdmKndcode', 
index : 'mdmKndcode', 
width : 150, 
align : "center", 
editable : true, 
edittype: 'text', 
editoptions: { 
    dataInit: function(elem) { 
     var cache = {}; 
     $(elem).autocomplete({ 
      source: function(request, response) { 
       var term = request.term; 
       console.log(term); 
       if(term in cache){ 
        response(cache[term]); 
        return 
       } 
       $.getJSON("/example/json/"+term, request, function(data, status, xhr) { 
        cache[ term ] = data; 
        response(data); 
        }); 
       }, 

      minLength:3 
     }); 
    } 
} 

В сетке я вижу результаты запроса json в списке автозаполнения. Это прекрасно работает. Но я не могу выбрать значение в этом списке. Список автозаполнения закрывается и теряет фокус столбца после наведения указателя мыши или клавиатуры в списке.

Пробовал также с функцией «выбрать», но такой же результат.

Хотите иметь выбор значений в списке, как в этом Demo

Answer 1

Глядя на ваш jsfiddle, проблема заключается в том, что вы в том числе jqueryui дважды jquery-ui.js и jquery-ui-custom.min.js, скорее всего, оба они имеют автозаполнения и что вызывает проблемы. Удалите один из них, и это устранит проблему.

См here