jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Jqgrid in jquery ui dialog (modal) with nested modal dialog

Tags: ui-dialog Modal nested dialog jqmodal

10/02/2014
18:04

gm1_marti

Argentina

New Member

Members

Forum Posts: 2

Member Since:
10/02/2014

Offline

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.

03/03/2014
15:53

lotjuh

Member

Members

Forum Posts: 28

Member Since:
06/09/2009

Offline

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

05/03/2014
15:57

gm1_marti

Argentina

New Member

Members

Forum Posts: 2

Member Since:
10/02/2014

Offline

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
42 Guest(s)

Currently Browsing this Page:
1 Guest(s)