asp按钮中断,带有Bootstrap对话框弹出窗口

时间:2014-05-27 11:40:25

标签: jquery asp.net twitter-bootstrap twitter-bootstrap-3

我尝试制作几个按钮,这些按钮是asp按钮,当用户点击时,它会显示一个对话框弹出窗口。

所以这就是我到目前为止所做的事情:

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

<asp:Button ID="Button1" runat="server" Text="Req" class="btn btn-info" data-toggle="modal" data-target="#myModal"/>

问题是runat="server"。当runat服务器在那里时,如果我没有错误,那么对话框会打开并快速关闭,就像回发一样闪烁。这有什么解决方法吗?或者我有什么建议可以解决这个问题?

2 个答案:

答案 0 :(得分:0)

我会更新您的HTML,以便&#34;保存更改&#34;按钮是asp按钮,data-toggle="modal"按钮只是一个普通的html按钮。

通过这种方式,引导程序功能将起作用,然后当您单击&#34;保存更改&#34;时,您的.net按钮将接管回发和功能。

实际上,这就是您的&#34;保存更改&#34;按钮正在执行,您当前的asp按钮只是打开模态。

答案 1 :(得分:0)

您可以删除 asp:按钮,然后像这样更新标准按钮......

 <button type="button" class="btn btn-primary" 
                          onClick="CodeBehindMethodName">Save changes</button>

 protected void CodeBehindMethodName(object sender, EventArgs e)
 {
        ...
 }