Hallo liebe Formumsmitglieder,
allen erst einmal ein friedliches neues Jahr.
Dieses Problem bezieht sich auf einen anderen Post von mir, ist aber ein anderes Thema, weshalb ich einen neuen Thread aufgemacht habe (Thread).
Hintergrund ist, dass ich statt mehreren nur ein PopUp verwenden möchte und in dieses verschiedene Daten, je nach 'sender' geladen werden sollen. Und da ich in JavaScript nicht so fit bin, muss ich diese eben per VB.Net laden.
Jedenfalls, nach diesem Schema (Link1, Link2)
habe ich auf einer ASP.Net-Seite ein modales Popup eingebunden.
Dieses wird innerhalb einer Tabelle durch einen LinkButton angezeigt.
Möchte ich das Popup jedoch wieder schließen, so tut sich überhaupt nichts, weder über Abbrechen oder das Schließen-Feld. Es funktioniert nur über [ESC].
Merkwürdigerweise wird auch nach dem Anzeigen des Popups der Hintergrund nicht grau hinterlegt.
Was mich auch noch verwundert, ist, dass es in der Anzeigefunktion (OpenPopup) egal ist, ob 'show' oder 'hide' angegeben wird.
Wenn das Popup, wie im Original per HTML-Button angesprochen wird, so funktioniert alles einwandfrei. Nur eben nicht über einen VB-Aufruf.
Hat evtl. jemand einen Tipp?
Wäre sehr dankbar dafür.
Anbei die Codebeispiele:
Das Popup:
<div class="modal" id="modalPopupSchulung" tabindex="-1" role="dialog" aria-labelledby="meinModalLabel">
<div class="modal-dialog" role="document">
<asp:UpdatePanel ID="updModal" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
<ContentTemplate>
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="meinModalLabel">Schulung eintragen</h4>
</div>
<div class="modal-body">
<asp:Label ID="lblTest" runat="server" Text="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
<asp:LinkButton ID="btnEintragen" runat="server" CssClass="btn btn-primary" Text="Schulung eintragen" />
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
Die Funktion zum Anzeigen:
Protected Sub OpenPopup(sender As LinkButton, e As EventArgs)
Dim btn As LinkButton = sender
lblTest.Text = "geöffnet"
updModal.Update()
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "ScriptPopupShow", "$('#modalPopupSchulung').modal('show');", True)
End Sub
Die Funktion zum Ausblenden:
Protected Sub btnEintragen_Click(sender As LinkButton, e As EventArgs) Handles btnEintragen.Click
lblTest.Text = "eingetragen"
updModal.Update()
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "ScriptPopupHide", "$('#modalPopupSchulung').modal('hide');", True)
End Sub
Mit diesem Button funktioniert es tadellos:
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalPopupSchulung">
Modal-Beispiel anzeigen
</button>
Vielen Dank.
Viele Grüße, Volker
