jqgrid - jQGridポップアップ位置の問題でのjQuery uiオートコンプリート

Question

jQgrid に次のコードがあり、フィールドの 1 つで 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);