jqGrid自動完成顯示在添加/編輯表單後面

我在jqGrid中使用jQuery UI自動完成，但自動完成列表顯示在添加/編輯表單後面。我正在使用最新的jQuery UI和jqGrid。以下是代碼片段：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 
    } 
]

下面是來自服務器的JSON數據得到了「W」：

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

我搜索，但沒有找到此修復程序。感謝任何幫助。謝謝。

來源

2013-06-24 mj8591

在添加/編輯表單後面顯示jQuery UI自動完成菜單的問題通常可以通過兩種方式解決。第一種方式是使用jQuery UI Autocomplete的appendTo選項。選項van更改頁面上Autocomplete菜單的位置。另一種方法是更改z-index的添加/編輯表單。您可以使用zIndex屬性將默認950值減少到某個更小的值。代碼示例請參見the answer。

來源

2013-06-24 11:40:35 Oleg

奧列格，感謝您的快速響應。我添加了{zIndex：1234}來添加和編輯表單，自動完成仍然顯示在添加/編輯表單後面。我也嘗試了自動完成的appendTo選項，它根本沒有帶來自動完成功能。還有其他建議嗎？ – mj8591

@ mj8591：你應該**減少** z-index的值。默認值是'950'。如果將其增加到「1234」，「添加/編輯」表單將保留在自動完成菜單上。 – Oleg

我改變了{zIndex：99}並添加了現在工作正常。謝謝你的幫助。 – mj8591

jqGrid自動完成顯示在添加/編輯表單後面

回答

相關問題