AJAX页面内容背后的ModalPopup Pops (负z索引)

Question

在AJAX (http://ajaxcontroltoolkit.codeplex.com/releases/view/43475)的40412版中，我遇到了AJAX ModalPopupExtender的问题。

第一次使ModalPopup可见时，它正确工作。Z-索引设置为6001 (背景Div的z-索引设置为6000)，弹出窗口显示在其他所有内容之上。如果单击ModalPopup中的cancel按钮，它也具有正确的功能，显示设置为"none“，ModalPopup不再可见。

但是，当弹出再次被触发时，z索引仅设置为2000，它仍然是可见的，但如果它被取消并再次触发，则将其设置为-2000，它是不可见的(z-索引每次减少4000 )。

我不知道为什么会这样。有什么办法解决吗？

特殊情况：

• 页面上有多个ModalPopup。
• All ModalPopups是通过部分页面回发在代码隐藏中触发的(使用.Show() .Show()ModalPopups在作为弹出窗口

显示的UpdatePanels中)。

更新:这是项目团队确认的错误。http://ajaxcontroltoolkit.codeplex.com/workitem/26739。现在已经修好了。

Answer 1

这是项目团队确认的错误。http://ajaxcontroltoolkit.codeplex.com/workitem/26739。现在已经修好了。

来自团队:我们已经确认这是最初版本40412中的一个bug。我们现在已经用一个修改过的版本代替了这个版本，它修复了这个问题。请再次下载40412以解决此问题。

Answer 2

解决方法之一是为ModalPopup设置CSS，如下所示；这将覆盖应用于元素的内联CSS。

.ModalPopup
{
    z-index: 6001 !important;
}
.ModalPopupBackground
{
    z-index: 6000 !important;
}

Answer 3

我只是遇到了这样的问题。这是我想出的一个快速解决办法

<script type="text/javascript">
    onload = function() {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(resetCounter);
    }
    function resetCounter(sender, args) {
        try {
            Sys.Extended.UI.ModalPopupBehavior._openCount = 0;
        } catch (ex) {
            // try-catch-throw away!
        }
    }
</script>

在ExtendedModalPopup javascript中，它在每个部分页面回发上调用隐藏，这将执行一个_openCount-。

这是基于_opencount设置zindex的代码：

var zindex = 10000 + (Sys.Extended.UI.ModalPopupBehavior._openCount++ * 1000);

所以_openCount被设置为负数