AJAX ModalPopup-Pops Hinter (Unter) den Inhalten der Seite (Negative z-index)

Ich habe ein Problem mit der AJAX-ModalPopupExtender in der version 40412 des AJAX Control Toolkit (http://ajaxcontroltoolkit.codeplex.com/releases/view/43475).

Ersten mal das ModalPopup sichtbar gemacht wird, funktioniert es einwandfrei. Der z-index ist festgelegt 6001 (und das hintergrund-Div den z-index setzen zu 6000) und das Popup erscheint, über alles. Wenn die Schaltfläche Abbrechen in dem ModalPopup geklickt, es hat auch die Funktion, das display auf "none" gesetzt und das ModalPopup ist nicht mehr sichtbar.

Jedoch, wenn das Popup wird erneut ausgelöst, der z-index ist nur 2000 gesetzt, die noch sichtbar ist, über alles, aber wenn es abgebrochen und erneut ausgelöst werden, so ist es festgelegt -2000 die nicht sichtbar ist (die z-index sinkt von 4000 jedes mal).

Ich bin mir nicht sicher, warum dies geschieht. Irgendwelche Ideen wie man es beheben?

Besondere Umstände:

Es gibt mehrere ModalPopup auf der Seite.
Alle ModalPopups ausgelöst werden im code-behind durch partial-page-postbacks (mit Hilfe der .Show () - Methode)
ModalPopupExtenders in der gleichen UpdatePanels, die angezeigt werden, wie popups

UPDATE:
dies war ein bestätigter Fehler, die vom Projekt-team. http://ajaxcontroltoolkit.codeplex.com/workitem/26739. Es wurde nun behoben.

InformationsquelleAutor Aaron Hoffman | 2010-05-10

ajaxcontroltoolkit modalpopupextender

1

Eine Problemumgehung ist, um das CSS für das ModalPopup wie folgt; Dies überschreibt das inline-CSS für das element übernommen, die durch das AJAX Control Toolkit.
```
.ModalPopup
{
    z-index: 6001 !important;
}
.ModalPopupBackground
{
    z-index: 6000 !important;
}
```
InformationsquelleAutor Aaron Hoffman

Hatte ich nur ein problem wie dieses. Hier ist eine schnelle Lösung, die ich kam mit

<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>

In der ExtendedModalPopup javascript-es ist Berufung verstecken auf jeder Teil-Seite posten zurück, die nicht _openCount--.

Dies ist der code, wo der zindex eingerichtet wird auf der Grundlage der _opencount:

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

So _openCount ist immer eine negative Zahl

InformationsquelleAutor Superdumbell

1

War dies ein bestätigter Fehler, die vom Projekt-team. http://ajaxcontroltoolkit.codeplex.com/workitem/26739. Es wurde nun behoben.

Vom Team: Wir haben bestätigt, dass dies ein bug war in der ersten Version 40412. Wir haben nun ersetzt durch eine modifizierte Version, die behebt das. Bitte laden Sie 40412 erneut, um dieses Problem zu beheben

InformationsquelleAutor Aaron Hoffman
1

Ein ähnliches problem wurde in version 15.1.4 des Toolkits, wenn ein Update-Panel beteiligt ist.
https://ajaxcontroltoolkit.codeplex.com/workitem/27971
In dieser Zeit hat es nicht behoben wurde, aber 15.1.3 nicht zeigen dieses problem.

InformationsquelleAutor Tim Pricer

In meinem Fall, das modalpopup funktioniert perfekt, die ersten 10 mal, aber das nächste mal wird hinter anderen Komponenten der Seite. Einstellung z-index im css funktioniert bei mir, danke!

.modalbackground {
    background-color: Gray;        
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 6000 !important;
    }    
.popup
    {        
    background-color:#FFF;
    padding:10px;     
    max-width:600px;
    z-index: 6001 !important;
    }

InformationsquelleAutor Aitor Ibernia Belamendia

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.