Question

我在一列上使用带有jquery自动完成功能的jqGrid。

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

也尝试用＆＃34;选择＆＃34;功能但结果相同。

想要在列表中选择值，例如Demo

Answer 1

看看你的jsfiddle，问题是你包括jqueryui两次jquery-ui.js和jquery-ui-custom.min.js，很可能两者都有自动完成并导致麻烦。删除其中一个，这将解决问题。

请参阅here

无法选择jqGrid自动完成的值

1 个答案: