0

我在 jqGrid 中使用 jQuery UI 自动完成，但自动完成列表显示在添加/编辑表单后面。我正在使用最新的 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 自动完成菜单的问题通常可以通过两种方式中的一种来解决。第一种方法是使用 jQuery UI 自动完成的appendTo选项。选项车更改页面上自动完成菜单的位置。另一种方法是更改z-index​​添加/编辑表单。您可以使用zIndex属性将默认的 950 值减少到一些较小的值。请参阅代码示例的答案。

于 2013-06-24T11:40:35.140 回答