jqgrid - UI 和 info_dialog Jqgrid

Question

如何在使用 UI 对话框时为 info_dialog 设置 z-index？

Answer 1

$.jgrid.info_dialog内部使用 $.jgrid.createModal它使用 $.jgrid.jqModal(参见 the line )，它在不久之后引入(参见我的建议 here )。所以你可以做类似的事情

$.jgrid.jqModal = $.extend($.jgrid.jqModal || {}, {
    zIndex: 1234
});

由于 navGrid 的另一个参数，您必须另外添加

$.extend($.jgrid.nav, {
    alertzIndex: 1234
});

使 $.jgrid.jqModal.zIndex 设置生效。

更新:您可以以任何方式使用$.jgrid.info_dialog 的“子类化”(例如the answer)。相应的代码可能如下所示:

var oldInfoDialog = $.jgrid.info_dialog;
$.extend($.jgrid,{
    info_dialog: function (caption, content, c_b, modalopt) {
        if (modalopt && (modalopt.zIndex === null || modalopt.zIndex === undefined ||
            (typeof modalopt.zIndex === "number" && modalopt.zIndex < 1234))) {

            modalopt.zIndex = 1234;
        }
        return oldInfoDialog.call (this, caption, content, c_b, modalopt);
    }
});