带有 Bootstrap 对话框弹出的 asp 按钮中断

Question

我正在尝试制作几个 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 服务器在那里时，如果我没记错的话，由于回发，对话框会像眨眼一样快速打开和关闭。有什么解决方法吗？或者有什么建议可以解决这个问题？

Answer 1

我会更新您的 HTML，以便“保存更改”按钮是 asp 按钮，而 data-toggle="modal" 按钮只是一个普通的 html 按钮。

这样引导功能将起作用，然后当您单击“保存更改”时，您的 .net 按钮将接管回发和功能。

实际上，这就是您的“保存更改”按钮正在执行的操作，而您当前的 asp 按钮只是打开模式。

Answer 2

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

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

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