twitter-bootstrap - Asp.net Webフォームを使用したTwitterブートストラップモーダルが消える

Question

Asp.net Webforms で Twitter ブートストラップ モーダルを使用しています。

イベントがボタンbtnSubmitをクリックすると、モーダルが消えます。

モーダルをアクティブに保つ方法は?

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

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