jqgrid - UI と info_dialog Jqgrid

Question

UI ダイアログを使用する場合、info_dialog の z-index を設定するにはどうすればよいですか?

Answer 1

$.jgrid.info_dialogは内部的に $.jgrid.createModalを使用します。これは、それほど長い間導入されていない(行$.jgrid.jqModalを参照) を使用します (こちらの私の提案を参照してください)。だからあなたは次のようなことができます

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

別のパラメータがあるため、さらにnavGrid追加する必要があります

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

設定を機能させる$.jgrid.jqModal.zIndex。

更新$.jgrid.info_dialog: 任意の方法で、 (たとえば、回答のように)の「サブクラス化」を使用できます。対応するコードは次のようになります。

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);
    }
});