javascript - 如何在ASPX页面弹出条件确认框?

标签 javascript c# asp.net .net ajax

我已经看过几个教程/演示,但无法解决我的 ASPX 页面(C#)的问题。 我想在按钮单击事件但在检查条件之后弹出一个带有"is"和“否”按钮的确认消息框。

点击按钮后会检查条件,如if(a>b),如果条件为真,会弹出确认框,否则跳过,没有消息将会弹出。 之后,如果用户单击确认消息框中的"is"按钮,则会继续进行。

请提供代码,因为我是初学者。

最佳答案

下面是一个非常简单的示例,适合初学者使用 Bootstrap。只需复制并粘贴下面的代码即可运行:

隐藏代码(.cs 文件):

protected void Page_Load(object sender, EventArgs e)
{
}

protected void btnClick_Click(object sender, EventArgs e)
{
    lblOutput.Text = String.Empty;
    bool showModal = true;

    if(showModal)
        ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "$('#myModal').modal('show');", true);
}

protected void Decision_Command(object sender, CommandEventArgs e)
{
    lblOutput.Text = "User clicked - " + e.CommandArgument;
}

.ASPX:

<html xmlns="http://www.w3.org/1999/xhtml">
<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" />
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnClick" runat="server" Text="OK" OnClick="btnClick_Click" />
        <asp:Label ID="lblOutput" runat="server"></asp:Label>
        <div id="myModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Would you like to continue?</h4>
                    </div>
                    <div class="modal-body">
                        <h3>Would you like to coninue?</h3>
                        <asp:Button ID="btnYes" runat="server" Text="Yes" OnCommand="Decision_Command" CommandArgument="Yes" />
                        <asp:Button ID="btnNo" runat="server" Text="No" OnCommand="Decision_Command" CommandArgument="No" />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>

输出:

Popup confirmation using Bootstrap

关于javascript - 如何在ASPX页面弹出条件确认框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38896449/

相关文章:

javascript - <Link> 在 next.js 的 <Button> 中不起作用

c# - 帮我了解Resharper后台编译

c# - 重构代码 : When to do what?

c# - .net 中的每种类型都继承自 System.Object 吗?

c# - 启用 session 状态

asp.net - 调试在 ASP.NET 中运行的 MEF

c# - 对 ASP post 方法的 Ajax 调用不断给出 null 参数

javascript - CSS 下拉菜单 onclick

javascript - RxJS:批量请求和共享响应

javascript - 带有 Ember View 的 typescript