jQuery Grid Plugin - jqGridForum

Topic RSS

Modal search dialog

22/11/2011
19:16

vrifino

New Member

Members

Forum Posts: 2

Member Since:
18/11/2010

Offline

I'm using jqGrid 4.2 and I have a diplay problem with modal search dialog.

I've a grid in a dialog: the first time the modal search dialog displays well, but i can interact with the dialog below.

The second time the modal search dialog displays below.

I try to modify the createModal code, and all works well. I replace this code

var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");

with

var parentZ = Math.max.apply(null,$.map($('body > *'), function(e,n){

if($(e).css('position')=='absolute')

return parseInt($(e).css('z-index'))||1 ;

})

);

Thanks,

Vito

23/11/2011
08:21

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Did you have try to set higher z-index of the dialog?

It seems you use grid in another modal dialog.

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

23/11/2011
10:37

vrifino

New Member

Members

Forum Posts: 2

Member Since:
18/11/2010

Offline

tony said:

Hello,

Did you have try to set higher z-index of the dialog?

It seems you use grid in another modal dialog.

Regards

The dialiog I use isn't modal and it is the only one on the browser window.

I make a minimalist test package u can download from:

http://www.mediafire.com/?f5pn.....74kkcw2z20

Thanks,

Vito

23/11/2011
12:42

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

First of all thank you for the test case. It is bug

The true fix is:

var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");

if(parentZ) {
p.zIndex = parseInt(parentZ,10)+2;
} else {
p.zIndex = 950;
}

We should incremet it by 2 and not by 1 as was.

This is because the overlay have p.zIndex-1

In your case the overlay z-index is equal to the z-index of the ui-dialog which make the problem.

Also fixed in GitHub.

https://github.com/tonytomov/jqGrid/commit/edba3f2c049cbb2e87e56f516a4432b5af572d03

Thanks again.

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
31 Guest(s)

Currently Browsing this Page:
1 Guest(s)