кнопка ASP перериває спливаюче діалогове вікно Bootstrap - 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 там, діалогове вікно відкривається і закривається дуже швидко, як миготіння через постбек, якщо я не помиляюсь. Чи є якесь рішення для цього? Або якісь пропозиції, як це можна виправити?

Відповіді:

Я б оновив ваш HTML, щоб кнопка "Зберегти зміни" була кнопкою "asp" і data-toggle="modal" кнопка - це звичайна кнопка html.

Таким чином функціонує завантажувальна програма, після натискання кнопки "Зберегти зміни" ваша кнопка .net перейме Postback і функціональність.

Ефективно це те, що робить ваша кнопка "Зберегти зміни", і ваша поточна кнопка asp просто відкриває модальний.

Ви можете видалити asp: кнопката оновіть стандартну кнопку так:

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

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