bootstrap modal popup c#codebehind

发布时间：2020-12-18 00:24:32 所属栏目：安全来源：网络整理

导读：我在我的c#asp.net项目中使用bootstrap,我想显示从后面的代码中显示模态弹出窗口. 在我的页面标题我有一个javascript函数如下： function LoginFail() { $('#windowTitleDialog').modal('show'); } 并点击我的按钮我调用javascript如下 ScriptManager.Regist

我在我的c#asp.net项目中使用bootstrap,我想显示从后面的代码中显示模态弹出窗口.

在我的页面标题我有一个javascript函数如下：

function LoginFail() {
        $('#windowTitleDialog').modal('show');
    }

并点击我的按钮我调用javascript如下

ScriptManager.RegisterClientScriptBlock(this,typeof(System.Web.UI.Page),"LoginFail","LoginFail();",true);

这不显示模态弹出窗口.但是,如果我使用类似警报(‘登录失败’)的东西,它工作正常.

任何人都可以帮忙吗？

解决方法

默认情况下,Bootstrap javascript文件包含在关闭正文标记之前

<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>

我把这些javascript文件放在body标签之前的head部分,我写了一个小函数来调用模态弹出窗口：

<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>

然后我可以通过以下代码调用代码隐藏的模态弹出窗口：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!