jQgrid Inside jQuery简单模式问题与编辑/删除/添加弹出窗口中的z-index

Question

我将 jQGrtid 放在 jQuery 简单模型对话框中。 简单对话框的 z-index 是 950，所以我将 jqGrid 编辑/添加/删除 pupups 的 z-index 更改得更大，因为否则它们会出现在简单模式下方。

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

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

比我发现每次 .jqmIDn 增加每个新打开弹出窗口的 n 值，所以我的修复仅适用于 3 个第一个弹出窗口，而不是当值增加时 .jqmID4 .jqmID5 .... in 不起作用

有什么我可以解决的吗？我应该在某处更改 jQgrid.js 吗？

更新：

好的，作为一个解决方案，我找到了一种方法来改变简单模式中的 z-index，所以我像这样减少它：

$("#myDiv").modal({

   ...
   zIndex: 800,
   ...
});

如果有人有任何其他想法，请告诉我

Answer 1

您可以使用添加和编辑对话框的zIndex 属性。有关详细信息，请参阅 this 和 this 答案。