Z顺序不正确-如果网格位于jquery ui对话框上,则jqgrid添加/编辑屏幕会显示在后面

Z顺序不正确-如果网格位于jquery ui对话框上,则jqgrid添加/编辑屏幕会显示在后面,jquery,jqgrid,jquery-ui-dialog,Jquery,Jqgrid,Jquery Ui Dialog,我有一个jQueryUI对话框,在该对话框上有一个jqgrid。当我单击添加或编辑时,jqgrid弹出窗口(在弹出窗口上有一个弹出窗口),它显示为输入数据,但是 。它显示在jQueryUI对话框后面(zorder是错误的)。是否有必要将jqgrid弹出窗口设置为正确的Zorder,以便此窗口显示在jqueryui对话框的顶部(前面),从而使其可用 我在下面有一个屏幕截图,突出显示了这种行为。 这是我的密码: $(document).ready(function () { $("#

我有一个jQueryUI对话框,在该对话框上有一个jqgrid。当我单击添加或编辑时,jqgrid弹出窗口(在弹出窗口上有一个弹出窗口),它显示为输入数据,但是

。它显示在jQueryUI对话框后面(zorder是错误的)。是否有必要将jqgrid弹出窗口设置为正确的Zorder,以便此窗口显示在jqueryui对话框的顶部(前面),从而使其可用

我在下面有一个屏幕截图,突出显示了这种行为。

这是我的密码:

  $(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源代码中没有看到这一点。

Z-index修复了问题(如您的评论所述):


要解决您的问题,您可以使用
zIndex
中未记录的“添加”、“编辑”或“删除”选项。
zIndex
的默认值就是您可以使用的示例

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

(jQuery UI对话框的
zIndex
参数的默认值为1000,因此您应该选择更高的值)

有没有链接到示例的方法?@Jared Farrish-不幸的是,这在intranet站点上,但在jQuery UI对话框上的任何jqgrid上似乎都可以复制。@oo-如果您可以在jsfiddle.net上重新创建问题,这会很有用。@Jared Farrish-刚刚尝试过,但是jsfiddle.net似乎不支持创建对话框的功能,所以很遗憾,在这种情况下无法重新创建对话框tool@ooo-那么请发一些代码。另外,再次访问JFIDLE——为什么你认为它不能?我很想知道它不能。确保并注意所有可用的设置。这可能是一个修辞问题,但为什么它没有记录在案?@Jared Farrish&@ooo:这是我的问题。jqGrid的开发人员Tony Tomov没有记录最后版本的所有更改。一般来说,它是wiki文档,所以每个人都可以这样做。可能我会对
zIndex
做相应的更改,但这不是唯一应该修改的地方。@Jared Farrish&@oo:I包含在
viewGridRow
的文档中,
delGridRow
editGridRow
函数中有关
zIndex
参数的文本。如果以英语为母语的人阅读并更正我的文本,那就太好了。@Oleg为什么在jqgrid的示例中,我看到只有网格选项被传递给jqgrid构造函数。还有
列表
导航网格
之间的区别是什么?你能告诉我这些是在哪里记录的吗?@onepotato:jqGrid构造函数的选项已经描述过了。另一方面,还有许多其他方法可供选择。下面介绍并显示了
editGridRow
的选项。的第4-d和第5个参数是
editGridRow
的选项,如果用户单击“添加”按钮的“编辑”,将使用该选项。为了明确起见,您必须设置一个<950的值(因为这是jqgrid默认的zindex)