0

jqGridでjQuery UI Autocompleteを使っているのですが、追加・編集フォームの後ろにオートコンプリートの一覧が表示されてしまいます。最新の jQuery UI と jqGrid を使用しています。コード スニペットは次のとおりです。

colModel : [
  {
    name: "birthPlaceId",
    index: "birthPlaceId",
    editable: true,
    edittype: "text",
    hidden: true
  }, {
    name: "birthPlaceName",
    index: "birthPlaceName",
    editable: true,
    editoptions: {
      size: 75,
      dataInit: function (e) {
        $(e).autocomplete({
          source: "${ajaxPlacesUrl}",
          minLength: 1,
          focus: function (event, ui) {
            $(e).val(ui.item.label);
          },
          select: function (event, ui) {
            $(e).val(ui.item.label);
            $("input#birthPlaceId").val(ui.item.value);
          }
        });
      }
    },
    editrules: {
      edithidden: true,
      required: false
    },
    edittype: "text",
    hidden: true,
    width: 75
  }
]

"W"のサーバーから取得する JSON データは次のとおりです。

[{"value":30,"label":"Washington, DC, USA"},
 {"value":31,"label":"Windsor, Ontario, Canada"},
 {"value":111,"label":"Wylie, Texas, USA"}]

検索しましたが、これに対する修正が見つかりませんでした。どんな助けにも感謝します。ありがとう。

4

1 に答える 1

1

追加/編集フォームの背後にある jQuery UI オートコンプリート メニューの表示に関する問題は、通常、2 つの方法のいずれかで解決できます。最初の方法は、jQuery UI AutocompleteのappendToオプションを使用することです。オプションは、ページ上のオートコンプリート メニューの場所を変更します。別の方法はz-index、追加/編集フォームを変更することです。zIndexプロパティを使用して、デフォルトの 950 値をいくらか小さい値に減らすことができます。コード例については、回答を参照してください。

于 2013-06-24T11:40:35.140 に答える