jQgrid Inside jQuery simple modal problems with z-index in edit/delete/add popups
I put jQGrtid inside jQuery simple model dialog. z-index of simple dialog is 950 so i changed the z-index of jqGrid edit/add/delete pupups greater that that because otherw开发者_JS百科ise they appearing below simple modal.
.jqmID1 { z-index: 1000 !important; }
.jqmID2 { z-index: 1000 !important; }
.jqmID3 { z-index: 1000 !important; }
All was looking good but than if i click/close "edit" and than click/clase "add" and than back to "edit" jQGrid popup again displaying below simple modal.
Than i find out than each time .jqmIDn increasing the n value for each new opening popup so my fix working only for 3 first popups ant than when value getting increased .jqmID4 .jqmID5
.... in is not working
Is there anything i can do to fix that? should i change jQgrid.js somewhere?
UPDATE:
OK, as a solution to that I've found a way how to change z-index in simple modal instead, so i decrease it like that:
$("#myDiv").modal({
...
zIndex: 800,
...
});
If someone have any another ideas let me know
You can use zIndex property of the Add and Edit Dialog. See this and this answers for details.
精彩评论