Javascript 无法选择jqGrid自动完成的值

我在一列上使用jqGrid和jquery autocomplete

{
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请求的结果。这个很好用。但我无法在此列表中选择值。鼠标悬停或键盘按下列表后，自动完成列表将关闭并失去该列的焦点

也尝试了“选择”功能，但结果相同

---

如果想让列表中的值像这样选择，看看你的JSFIDLE，问题是你两次包含了jqueryui.js和jqueryui custom.min.js，很可能这两个都有自动完成功能，这会造成麻烦。 删除其中一个，这将解决问题

---

请参见

在这里发布类似的JSFIDLE，但代码不起作用，我编写了一个简单的函数。但这恰恰说明了网格中的问题。（也在示例中）。也许我错过了一些外部js/css文件？！完美答案。谢谢@Paulito