jQgrid在jQuery内部，在编辑/删除/添加弹出窗口中使用z-index的简单模态问题 [英] jQgrid Inside jQuery simple modal problems with z-index in edit/delete/add popups

问题描述

我将jQGrtid放入jQuery简单模型对话框中. 简单对话框的z-index为950，因此我将jqGrid编辑/添加/删除幼崽的z-index设置得更大，因为否则它们会出现在简单模态下.

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 otherwise they appearing below simple modal.

.jqmID1 { z-index: 1000 !important; }
.jqmID2 { z-index: 1000 !important; }
.jqmID3 { z-index: 1000 !important; }

一切看起来都不错，但是如果我单击/关闭编辑"，然后单击/单击添加"，然后返回编辑"，则jQGrid弹出窗口将再次显示在简单模式下.

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.

我发现比每次.jqmIDn为每个新打开的弹出窗口增加n值的时间要长，因此我的修复仅对3个第一个弹出窗口蚂蚁有效，而不是对增加值.jqmID4 .jqmID5 .... in不起作用

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

有什么我可以解决的吗?我应该在某个地方更改jQgrid.js吗?

Is there anything i can do to fix that? should i change jQgrid.js somewhere?

更新:

好的，作为解决方案，我找到了一种方法来更改简单模式中的z-index，因此我将其减少为:

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

推荐答案

您可以使用 zIndex 属性.参见此了解详细信息.

You can use zIndex property of the Add and Edit Dialog. See this and this answers for details.

这篇关于jQgrid在jQuery内部，在编辑/删除/添加弹出窗口中使用z-index的简单模态问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！