当我点击asp.net按钮时,我想保持bootstrap模态仍然显示

时间:2016-03-26 03:39:02

标签: html asp.net twitter-bootstrap button popup

当我点击asp.net按钮ID btnFindSales时,我希望这个弹出窗体仍然显示 目前,单击此按钮时关闭。

<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <h3 class="modal-title" id="lineModalLabel">List of Sales Employee</h3>
        </div>
        <div class="row  criteria-box">
            <div class="col-md-6 criteria-item">
                <asp:DropDownList CssClass="form-control" style="max-width:280px;" ID="ddlFindOption" runat="server">
                    <asp:ListItem>Slp Code</asp:ListItem>
                    <asp:ListItem>Sales Name</asp:ListItem>
                    <asp:ListItem>Position</asp:ListItem>
                </asp:DropDownList>
            </div>
            <div class="col-md-6 criteria-item">
                <div class="input-group">
                    <asp:TextBox CssClass="form-control" ID="txtFindSales" runat="server"></asp:TextBox>
                    <div class="input-group-btn">
                        <asp:Button ID="btnFindSales" runat="server" Text="&#128270;" OnClick="btnFindSales_Click" CssClass="btn btn-primary" UseSubmitBehavior="false" data-dismiss="modal"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal-body" style="padding-bottom:0;">
            <!-- content goes here -->

        </div>
    </div>
  </div>
</div>

asp按钮id btnFindSales的问题。 请给我一些建议。

1 个答案:

答案 0 :(得分:0)

感谢上面的评论,我找到了修复它的代码。

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "squarespaceModal", "$('#squarespaceModal').modal();", true);

上面的代码用于打开弹出窗口。

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "squarespaceModal", "$('#squarespaceModal').modal('hide');", true);

这个用于关闭/隐藏弹出窗口。