Z-Order不正确 – 如果网格在jquery ui对话框上，则jqgrid添加/编辑屏幕会显示在后面

我有一个jquery ui对话框，我在该对话框上有一个jqgrid。 当我单击添加或编辑时，jqgrid弹出窗口（弹出窗口中有一个弹出窗口），它显示输入数据BUT。 。

。 .it显示在jquery UI对话框后面（zorder错误）。 有没有让jqgrid弹出窗口设置正确的Zorder，所以这个窗口显示在jquery ui对话框的顶部（前面），所以这是可用的。

我在下面有一个突出显示行为的截图。

这是我的代码：

$(document).ready(function () { $("#modalDialogContainer").dialog({ resizable: false, height: 'auto', autoOpen: false, width: 1000, modal: false, buttons: { 'Close': function () { closeModalPopup(); } } }); }); 

然后在按钮单击以启动jquery ui对话框我有这个：

 $("#modalDialogContainer").dialog("open"); 

我发现这个链接似乎是遇到同样问题的人，最后说它固定但我没有在jqgrid源代码中看到这个。

Answer 1

Z-index解决了这个问题（正如你的评论所提到的）：

http://docs.jquery.com/UI/Dialog#option-zIndex

Answer 2

要解决您的问题，您可以使用zIndex选项“添加”，“编辑”或“Del”，这些选项未在jqGrid文档中记录 。 zIndex默认值为950例如，您可以使用

 $("#list").jqGrid('navGrid','#pager',{/*navGrid options*/}, {zIndex:1234}, // Edit options {zIndex:1234}, // Add options {zIndex:1234}, // Del options {multipleSearch:true,overlay:false}); 

（jQuery UI Dialog的zIndex参数的默认值是1000，所以你应该选择更高的值）