jqgrid - jQGrid弹出位置问题中的jQuery ui自动完成

Question

我在 jQgrid 中有以下代码，我在其中一个字段中使用 jQuery ui 自动完成。但是自动完成的弹出窗口显示在其他地方，如图所示。从 IE 开发人员工具中，我注意到结果附加到页面末尾的 body 标记。我尝试使用 appendTo，但这无济于事。

{
                    name: 'nameAccount',
                    index: 'nameAccount',
                    width: 300,
                    editable: true, sortable: false, resizable: false,
                    shrinkToFit: true
                        ,editoptions: {
                            dataInit: function (elem) {
                             var autocompleteSource = function(request, response,term) {  
                                 var param = request.term;
                                 $.ajax({
                                     url: myUrl,
                                     contentType: "application/json; charset=utf-8",
                                     dataType: "json",
                                     type: "GET",

                                     success: function (myyydata) {
                                         //alert('HI-Success');
                                         //response( myyydata );
                                         response($.map(myyydata, function (item) {
                                             return {
                                    label: item.AccountInfo,
                                    value: item.AccountInfo
                                }
                            }));
                                     } ,
                                     error: function (res, status) {
                                         alert('HI-error');
                                         //alert(res.status+" : "+res.statusText+". Status: "+status);
                                     }
                                 });//END AJAX
                             };
                            $(elem).autocomplete({
                                source: autocompleteSource,
                              //appendTo: "#"+elem.id,
                                position: {  collision: "flip"  },
                                minLength: 2
                            });//END AUOTOCOMPLETE
                         }//END Dataint
                         }//END Dataint
                },

Answer 1

minnu4515。我想这是因为 css 错位。我遇到了类似的问题，我手动设置了 z-index alignmnet。这解决了我的问题。

$('.ui-autocomplete').css('zIndex',1000);