Wie um zu zeigen, Nachricht von code in der bootstrap-modal-popup asp.net c#

Eigentlich das, was ich meine ist, wenn ich auf die asp-dot-net-Taste, die befindet sich in der modal-popup.
wenn ich auf diesen button will ich drucken die Meldung vom server, dass die Daten richtig gespeichert oder nicht.

Wenn ich auf die Schaltfläche bootstrap modal pop up ist verschwunden bcoz der postback.
was kann ich tun, um drucken Sie die mesage vom server.

Unten ist mein modales pop-uo-code in HTML.

<!-- Modal -->
            <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Modal Header</h4>
                        </div>
                        <div class="modal-body">

 <asp:Label ID="lblMessage" runat="server" ></asp:Label>
                        </div>
                        <div class="modal-footer">
                            <asp:Button ID="Button2" OnClick="Button2_Click" runat="server" Text="Click Me" />
                        </div>
                    </div>
                </div>
            </div>

c# - Code

protected void Button2_Click(object sender, EventArgs e)
        {
            Label1.Text = "I am called";
        }
  • Tun Sie drucken möchten, wird die Nachricht im popup, oder irgendwo auf der Seite?
  • Ich will die Nachricht, die Sie in dem popup selbst
InformationsquelleAutor Hardik Parmar | 2016-07-19
  1. 1

    Logik hinzufügen, die das click-Ereignis, um re-öffnen Sie die modal-nach der post zurück, ODER Sie suchen eine alternative Methode, ein Postback an den server wie die Verwendung von AJAX.

    Code hinter:

    protected void Button2_Click(object sender, EventArgs e)
{
    lblMessage.Text = "I am called";
    ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showModal();", true);
}

    .ASPX:

    <head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
    <script type="text/javascript">
        function showModal() {
            $("#myModal").modal('show');
        }

        $(function () {
            $("#btnShow").click(function () {
                showModal();
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="btnShow" value="Show Modal" />
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <asp:Label ID="lblMessage" runat="server"></asp:Label>
                    </div>
                    <div class="modal-footer">
                        <asp:Button ID="Button2" runat="server" Text="Click Me" OnClick="Button2_Click" />
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
    • Dein code hat mir geholfen, Es funktionierte für mich. Dank
    • Wie können wir erreichen das gleiche mit der AJAX-können Sie mir bitte zeigen
    • Wenn Sie wollen, es zu tun via AJAX, entfernen Sie das OnClick-Ereignis von der Schaltfläche.Fügen Sie einen [WebMethod] zu deinem code hinter, und rufen Sie das webmethod-Verwendung von $.ajax.Hier ist ein Beispiel -> stackoverflow.com/questions/38340653/...
    InformationsquelleAutor Denys Wessels
Schreibe einen Kommentar