jQuery ui自动完成jQGrid弹出位置问题

Question

我在jQgrid中有以下代码，我在其中一个字段中使用jQuery ui autocomplete。但是自动完成功能的弹出显示在其他地方，如图所示。从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);