jqGrid自动完成显示在添加/编辑表单后面

jqGrid自动完成显示在添加/编辑表单后面,jqgrid,jquery-ui-autocomplete,Jqgrid,Jquery Ui Autocomplete,我在jqGrid中使用jqueryui自动完成,但是自动完成列表显示在添加/编辑表单后面。我正在使用最新的jQueryUI和jqGrid。以下是代码片段: colModel:[ { 姓名:出生地ID, 索引:出生地ID, 是的, 编辑类型:文本, 隐藏:真的 }, { 姓名:出生地名称, 索引:出生地名, 是的, 编辑选项:{ 尺码:75, dataInit:函数e{ $e.autocomplete{ 资料来源:${ajaxPlacesUrl}, 最小长度:1, 焦点:功能事件,用户界面{ $e

我在jqGrid中使用jqueryui自动完成,但是自动完成列表显示在添加/编辑表单后面。我正在使用最新的jQueryUI和jqGrid。以下是代码片段:

colModel:[ { 姓名:出生地ID, 索引:出生地ID, 是的, 编辑类型:文本, 隐藏:真的 }, { 姓名:出生地名称, 索引:出生地名, 是的, 编辑选项:{ 尺码:75, dataInit:函数e{ $e.autocomplete{ 资料来源:${ajaxPlacesUrl}, 最小长度:1, 焦点:功能事件,用户界面{ $e.valui.item.label; }, 选择:功能事件,用户界面{ $e.valui.item.label; $inputbirthPlaceId.valui.item.value; } }; } }, 编辑规则:{ 是的, 必填项:false }, 编辑类型:文本, 隐藏:是的, 宽度:75 } ] 以下是从服务器获取的W的JSON数据:

[{值:30,标签:美国华盛顿特区}, {值:31,标签:加拿大安大略省温莎}, {值:111,标签:美国德克萨斯州威利}]
我搜索了一下,找不到解决方法。谢谢你的帮助。谢谢。

添加/编辑表单后面显示jQuery UI自动完成菜单的问题通常可以通过两种方法中的一种来解决。第一种方法是使用jQueryUIAutoComplete的选项。该选项可更改页面上“自动完成”菜单的位置。另一种方法是更改添加/编辑表单的z索引。您可以使用属性将默认值减少到较小的值。有关代码示例,请参见。

Oleg,感谢您的快速响应。我添加了{zIndex:1234}来添加和编辑表单,自动完成仍然显示在添加/编辑表单后面。我还尝试了附加自动完成选项,但它根本没有带来自动完成功能。还有其他建议吗?@mj8591:你应该减少z-index的值。默认值为950。如果将其增加到1234,则添加/编辑表单将停留在自动完成菜单上。我更改了{zIndex:99}并添加了.ui front{z-index:1000;}现在可以正常工作了。谢谢你的帮助。