Twitter bootstrap Модальный с Asp.net Webforms исчезает

Question

Я использую twitter bootstrap, модальный с Asp.net Webforms.

После события нажмите кнопку btnSubmit, модальный исчезает.

Как поддерживать модальный активный?

Example.aspx:

<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>  
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<asp:TextBox ID="txtMessage" runat="server"></asp:TextBox> 
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
<asp:Button CssClass="btn btn-primary" ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" /> 
</div> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</form> 

Example.aspx.cs

protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
txtMessage.Text = "Success!"; 
} 

Answer 1

Вы должны переместить свои метки UpdatePanel; где у вас есть их в тот момент, когда вы вставляете весь модальный код, где вам нужно только включать модальный контент.

Например:

<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:TextBox ID="txtMessage" runat="server"></asp:TextBox> 
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
<asp:Button CssClass="btn btn-primary" ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</div> 
</form>