Неверный Z-порядок - экран добавления / редактирования jqgrid появляется сзади, если вы находитесь в диалоговом окне пользовательского интерфейса jquery

Question

У меня есть диалоговое окно jquery ui, и у меня есть jqgrid в этом диалоге. Когда я нажимаю «Добавить» или «Редактировать», всплывающее окно jqgrid (чтобы всплывающее окно отображалось во всплывающем окне), оно появляется для ввода в НО данных. ,

. .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

Для решения вашей проблемы вы можете использовать опцию zIndex «Добавить», «Редактировать» или «Del», которая не описана в документации jqGrid . Значение по умолчанию zIndex равно 950 Например, вы можете использовать

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

(значение по умолчанию zIndex для параметра jQuery UI Dialog равно 1000, поэтому вам следует выбрать более высокое значение)

Answer 2

Z-index решает проблему (как упоминается в вашем комментарии):

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