jQuery ui autocomplte in jQGrid popup position issue

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);