Question

我们要求在 asp.net 应用程序中使用 bootstrap.css ，我们遇到了一个问题，当我们点击搜索时模态会被关闭按钮。

跟随是位于模式下的按钮，其ID为＆＃34; modal1＆＃34;

 <button  type="button" class="btn btn-primary" onserverclick="searchData">
     search
    </button>

一种可能的解决方案，可能是当控件返回时我可以$("#modal1").modal()。但是使用这个解决方案，我的模态会刷新，每次点击搜索按钮都会闪烁。

任何人都可以帮助我刷新模态数据。

Answer 1

您必须使用Ajax概念。我希望这会对你有所帮助。

<form id="form1" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server">
 </asp:ScriptManager>
<asp:Button ID="btnShow" runat="server" Text="Show Modal Popup" />

<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnShow" CancelControlID="btnClose" ackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center"   style = "display:none">
This is an ASP.Net AJAX ModalPopupExtender Example<br />
<asp:Button ID="btnClose" runat="server" Text="Close" />
</asp:Panel>
<!-- ModalPopupExtender -->
</form>

Answer 2

我想我可能会遇到你应该尝试的问题

$("#button-id").on("click",function(){
    //code
});

如果您的模态仍然关闭，请将此代码放在上面的函数$('#modal1').modal('show')

的末尾

与OnServerClick ASP.net一起使用时，按钮单击时Bootstrap模式将关闭

2 个答案: