不正确的Z顺序-如果网格位于jquery ui对话框中，则jqgrid的“添加/编辑"屏幕将显示在后面 [英] Incorrect Z-Order - the jqgrid Add/Edit screen shows up behind if you the grid is on a jquery ui dialog

问题描述

我有一个jQuery UI对话框，而我在该对话框上有一个jqgrid.当我单击添加"或编辑"时，jqgrid弹出窗口(在弹出窗口上有一个弹出窗口)显示为输入数据BUT. .

i have a jquery ui dialog and i have a jqgrid on that dialog. When i click Add or Edit, the jqgrid popup (to have a popup on a popup), it shows up to enter in the data BUT . .

. .it出现在jquery UI对话框的后面(zorder错误).无论如何，是否有要让jqgrid弹出窗口设置正确的Zorder的，所以此窗口显示在jquery ui对话框的顶部(前面)，因此可以使用.

. .it shows up behind the jquery UI dialog (the zorder is wrong). Is there anyway to have the jqgrid popup set the correct Zorder so this window shows on top of (in front of) the jquery ui dialog so this is usable.

下面有一个截图，突出显示了该行为.

I have a screenshot below highlighting the behavior.

这是我的代码:

  $(document).ready(function () {

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

然后稍后在按钮上单击以启动jquery ui对话框，我有这个:

then later on a button click to launch the jquery ui dialog i have this:

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

我发现

i found this link which seems to be someone experiencing the same issue and at the end it says its fixed but i don't see this inthe jqgrid source code.

推荐答案

Z-index解决了该问题(如您的评论所述):

Z-index fixes the problem (as your comment mentions):

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

这篇关于不正确的Z顺序-如果网格位于jquery ui对话框中，则jqgrid的“添加/编辑"屏幕将显示在后面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！