1

ASP.NET C#にてWebアプリケーションを作成しています。

BootStrapのModalを使用しています。
モーダル表示用のボタンクリック時に
サーバ側処理でOnclickイベントを入れているのですが、
このイベント発生直後にモーダルが勝手に閉じてしまいます。

sample.aspx:modal表示ボタン

<input type="button" id="BtnShowModal" name="BtnShowModal" class="btn btn-primary" data-toggle="modal" data-target="#modal-BtnShowModal" value="モーダル表示" onserverclick="BtnShowModal_Click" runat="server" />    

sample.aspx:モーダル本体

<div class="modal" id="modal-BtnShowModal" tabindex="-1" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="modal-label">タイトル</h4>
        </div>

        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <div class="modal-body" style="height: 400px;">
                <asp:GridView ID="gvData" runat="server" AutoGenerateColumns="False">
                <Columns>                       
                </Columns>
                </asp:GridView>
            </div>
        </ContentTemplate>
        </asp:UpdatePanel>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
            <asp:Button ID="BtnSave" runat="server" Text="保存" OnClick="BtnSave_Click" />
        </div>
    </div>
</div>

Sample.aspx.cs:ボタンクリックイベント

protected void BtnShowModal_Click(object sender, EventArgs e)
{

}

宜しくお願い致します。

1 件の回答 1

1

onserverclickなのでポストバックが発生し、ページ全体またはUpdatePanelが再読み込みされてBootstrapによるモーダルの表示を打ち消しているのでしょう。ですのでUpdatePanelのトリガーとして問題のボタンを登録する必要があります。対象の<asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="BtnShowModal" />
    </Triggers>
</asp:UpdatePanel>

のように指定すれば、BtnShowModalUpdatePanel2が更新されると思います。

またBtnShowModalでフルポストバックが要求されるのであれば、画面の再描画時にモーダルを表示状態にしておけばよいと思います。例えばclass="modal"class="modal in"に変更するとか、ClientScriptManagerRegisterStartupScriptメソッドに$("#modal-BtnShowModal").modal("show")を登録するといった方法があります。

1
  • ご回答いただきありがとうございます。Triggersの登録で想定していた動きになりました。
    – t28bsai
    Commented 2016年12月6日 4:26

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。