Orden Z incorrecto: la pantalla Agregar / Editar jqgrid aparece detrás si la cuadrícula está en un cuadro de diálogo de jquery ui

Tengo un cuadro de diálogo jquery ui y tengo un jqgrid en ese cuadro de diálogo. Cuando hago clic en Agregar o Editar, la ventana emergente jqgrid (para tener una ventana emergente en una ventana emergente), aparece para ingresar los datos PERO. .

. .it aparece detrás del cuadro de diálogo jquery UI (el zorder está equivocado). ¿Hay alguna forma de que la ventana emergente jqgrid establezca el Zorder correcto para que esta ventana se muestre en la parte superior (delante) del cuadro de diálogo jquery ui para que esto sea utilizable?

Tengo una captura de pantalla a continuación que destaca el comportamiento. @

aquí está mi código:

  $(document).ready(function () {

    $("#modalDialogContainer").dialog({
    resizable: false,
    height: 'auto',
    autoOpen: false,
    width: 1000,
    modal: false,
    buttons: {
        'Close': function () {
            closeModalPopup();
        }
    }
});
}); 

uego, luego, haga clic en un botón para iniciar el cuadro de diálogo de jquery ui. Tengo esto:

$("#modalDialogContainer").dialog("open");

encontréeste enlac que parece ser alguien que experimenta el mismo problema y al final dice que está solucionado pero no veo esto en el código fuente de jqgrid.

Respuestas a la pregunta(2)

Su respuesta a la pregunta