Öffne Bootstrap Modal von Code-Behind

Weiß jemand, wie man öffnen Sie ein twitter-bootstrap-modal, aus dem code hinter?

Ich das öffnen will modal basiert auf einigen requeriment im moment des speichern. Sowas wie "Hey es gibt kein Lager, pick-up eine der folgenden Optionen, um fortzufahren (verwerfen, reserve,...) und diese Taste drücken (das machen kann, ein postback für weiter)"

Ich bin mit ASP.NET web-Formulare.

InformationsquelleAutor der Frage Sergio | 2013-03-14

  1. 36

    Durch Standard-Bootstrap-javascript-Dateien enthalten sind direkt vor dem schließenden body-tag

            <script src="vendors/jquery-1.9.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
        <script src="assets/scripts.js"></script>
 </body>

    Nahm ich diese javascript-Dateien in den head-Bereich direkt vor dem body-tag und ich schrieb eine kleine Funktion zum aufrufen der modal-popup:

        <script src="vendors/jquery-1.9.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
    <script src="assets/scripts.js"></script>

 <script type="text/javascript">
    function openModal() {
        $('#myModal').modal('show');
    }
</script>
</head>
<body>

    dann könnte ich den Aufruf der modal-popup-von der code-behind-mit der folgenden:

    protected void lbEdit_Click(object sender, EventArgs e) {   
      ScriptManager.RegisterStartupScript(this,this.GetType(),"Pop", "openModal();", true);
}

    InformationsquelleAutor der Antwort wallace740

  2. 20

    Schließlich fand ich heraus, das problem hindert mich daran, zu zeigen den modal von code-behind.
    Man muss denken, dass es war so einfach wie das registrieren einer clientscript, die aus der öffnung, wie:

    ScriptManager.RegisterClientScriptBlock(this, this.GetType(),"none",
    "<script>$('#mymodal').modal('show');</script>", false);

    Aber das nie für mich gearbeitet.

    Das problem ist, dass Twitter Bootstrap-Modals-scripts nicht funktionieren, wenn das modale ist in einem asp:UpdatepanelZeit.
    Das Verhalten des modals nicht aus jeder Seite, codebehind zu client und client zu codebehind (postback). Es verhindert sogar die postbacks, wenn alle js am modal ausgeführt hat, wie eine Schaltfläche schließen, die Sie auch brauchen, um einige Server-Objekte zu entsorgen (für ein schmutziges Beispiel)

    Habe ich mitgeteilt das bootstrap-Mitarbeiter, aber Sie antwortete bequeme "bitte geben Sie uns ein scheitern Szenario mit nur einfachen html-und nicht-asp."
    In meiner Stadt, nennt man das... naja, Bootstrap nicht unterstützt, nichts mehr, plain html. Nevermind, ist die Nutzung im asp.

    Ich dachte Sie zu mindestens auf der Suche sind, was Sie anders machen bei der Kulisse management -, dass ich fand, bewirkt, dass der größte Teil der Probleme, aber... (justa Hinweis dort)

    So dass jeder, der das problem hat, wirft das updatepanel für einen Versuch.

    InformationsquelleAutor der Antwort Sergio

  3. 6

    Vielleicht ist diese Antwort so spät, aber es ist nützlich.

    es zu tun,wir haben 3 Schritte:

    1 - Erstellen einer modalen Struktur in HTML.

    2 - Erstellen Sie eine Schaltfläche zum Aufruf einer Funktion in java script, modal öffnen, und legen display:none im CSS .

    3 - Rufen Sie diese Taste mit einer Funktion im code hinter .

    Sie können diese Schritte in der unten snippet :

    HTML-modal: 

    <div class="modal fade" id="myModal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">
                                Registration done Successfully</h4>
                        </div>
                        <div class="modal-body">
                            <asp:Label ID="lblMessage" runat="server" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Close</button>
                            <button type="button" class="btn btn-primary">
                                Save changes</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->

    Versteckten Button: 

    <button type="button" style="display: none;" id="btnShowPopup" class="btn btn-primary btn-lg"
                data-toggle="modal" data-target="#myModal">
                Launch demo modal
            </button>

    Script-Code: 

    <script type="text/javascript">
        function ShowPopup() {
            $("#btnShowPopup").click();
        }
    </script>

    code hinter: 

    protected void Page_Load(object sender, EventArgs e)
{
    ClientScript.RegisterStartupScript(this.GetType(), "alert", "ShowPopup();", true);
    this.lblMessage.Text = "Your Registration is done successfully. Our team will contact you shotly";
}

    diese Lösung ist eine der Lösungen, die ich es benutzt habe .

    InformationsquelleAutor der Antwort Hamid Talebi

  4. 0

    Wie es zu tun mögen dieses:

    1) popup mit Formular

    2) senden Sie das Formular per AJAX

    3) in AJAX server-side-code -, render-Antwort, entweder:

    • popup mit Formular-Validierungen oder einfach nur eine Nachricht
    • schließen Sie die Fenster (und vielleicht leitet Sie zu der neuen Seite)

    InformationsquelleAutor der Antwort tomaszbak

  5. 0

    FYI,

    Ich habe gesehen, dass dieses seltsame Verhalten, bevor Sie im jQuery-widgets. Teil der Schlüssel ist, um das updatepanel innerhalb der modal. Dies ermöglicht es der DOM des updatepanel "Aufenthalt mit" der modal - (aber es funktioniert mit bootstrap).

    InformationsquelleAutor der Antwort Dan M

  6. 0

    Diese Methode zum öffnen des Modalen würde nicht die Anzeige des Modal für mich. Ich fand dies als ein work arround.

    Habe ich entfernt:

     ScriptManager.RegisterStartupScript(this,this.GetType(),"Pop", "openModal();", true);

    Als fügte ich einer asp:label namens lblJavaScript und im code hinter dem Aufruf:

    lblJavaScript.Text = "<script language=\"JavaScript\">openModal()</script>";

    Nun der Modal angezeigt wird.

    InformationsquelleAutor der Antwort Danny

Schreibe einen Kommentar