jQuery Grid Plugin - jqGrid - Topic: Jqgrid in jquery ui dialog (modal) with nested modal dialog http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog Simple:Press Version 5.7.5.3 gm1_marti on Jqgrid in jquery ui dialog (modal) with nested modal dialog http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30335 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30335

lotjuh said:

Hi,

I actually had the same issue and made me a little 'hack' to make it work for me so maybe it'll help you as well.

in the add options / edit options of your navGrid options, add the following:

'afterShowForm': function(formid) {
    $('#editmod'+$('#myGrid').css('z-index', 95);
    $('.ui-widget-overlay').removeAttr('style').addClass('ui-front').css('z-index', 90);
    $('#modalDialog').parent().css('z-index', 120);
},
'onClose'      : function(formId) {
    $('#modalDialog').parent().css('z-index', '');
    if($('#modalDialog').dialog('isOpen')) {
        $('#modalDialog').dialog('close');
    }
}

Ofcourse change '#modalDialog' into your dialog selector and '#myGrid' into your grid selector.

Hope this'll help you for now

Kind regards,

Lotte-Sara Laan

Sara, thank you very much for the workaround, but for my project doesn´t seems to work.  I´ve modified the jqgrid component to support jquery ui-modal dialog instead of JQmodal. 

Kind regards,

Gonzalo.

]]> Wed, 05 Mar 2014 15:57:35 +0200 lotjuh on Jqgrid in jquery ui dialog (modal) with nested modal dialog http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30309 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30309 Hi,

I actually had the same issue and made me a little 'hack' to make it work for me so maybe it'll help you as well.

in the add options / edit options of your navGrid options, add the following:

'afterShowForm': function(formid) {
    $('#editmod'+$('#myGrid').css('z-index', 95);
    $('.ui-widget-overlay').removeAttr('style').addClass('ui-front').css('z-index', 90);
    $('#modalDialog').parent().css('z-index', 120);
},
'onClose'      : function(formId) {
    $('#modalDialog').parent().css('z-index', '');
    if($('#modalDialog').dialog('isOpen')) {
        $('#modalDialog').dialog('close');
    }
}

Ofcourse change '#modalDialog' into your dialog selector and '#myGrid' into your grid selector.

Hope this'll help you for now

Kind regards,

Lotte-Sara Laan

]]> Mon, 03 Mar 2014 15:53:23 +0200 gm1_marti on Jqgrid in jquery ui dialog (modal) with nested modal dialog http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30226 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-in-jquery-ui-dialog-modal-with-nested-modal-dialog#p30226 I have a grid in a jquery ui-dialog modal window. When I edit a row in the edit form, add a custom button that calls another jquery ui-dialog modal window with another grid. The problem is that the new window is back of form editing window . I have tried using the zIndex option, but I have not had a satisfactory result.

Apparently there is an incompatibility between jquery ui modal dialog and jqModal.

Waiting for your comments.

Thanks.

]]> Mon, 10 Feb 2014 18:04:26 +0200