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

Question

我有一个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

要解决您的问题,您可以使用jqGrid文档中zIndex未记录的"添加","编辑"或" 删除"选项.默认值zIndex是950.例如,你可以使用

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

(zIndexjQuery UI Dialog参数的默认值是1000,所以你应该选择更高的值)