繁体   English   中英

如何在asp.net C#中的引导程序模式弹出窗口中显示来自背后代码的消息

[英]How to show message from code behind in bootstrap's modal popup in asp.net c#

实际上,我的意思是当我单击模式弹出窗口中的asp dot net按钮时。 当我单击该按钮时,我要从服务器打印消息,提示是否正确保存了数据。

当我单击按钮时,引导程序的模式弹出窗口消失了回发的bcoz。 我该怎么做才能从服务器打印消息。

以下是我的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#代码

protected void Button2_Click(object sender, EventArgs e)
        {
            Label1.Text = "I am called";
        }

将逻辑添加到click事件中以在回发后重新打开模式,或者寻找其他回发到服务器的方法,例如使用AJAX。

后面的代码:

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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM