Question

首先，我已经查看了这篇文章，但它没有帮助我：ASP.NET Bootstrap Modal with UpdatePanel - possible solution?我希望有人可以看看我的具体情况。

我正在使用Bootstrap并开始将我的UI连接到我的ASPX代码中。

我有一个UpdatePanel，用于提供应用反馈。我特意选择使用静态模态并允许此遗留代码继续控制面板的显示/隐藏，就像它一直在做的那样。除了褪色的黑色背景叠加外，我已经开始工作了。

<asp:UpdatePanel ID="MasterUp1" runat="server">
        <ContentTemplate>
            <asp:LinkButton ID="lb_Master" runat="server" Text="" />
            <asp:Panel ID="Panel_MasterPopUp" runat="server">
                <asp:Panel ID="pnlPopInside" runat="server">



<%--<div class="modal">--%>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"><asp:Label ID="lblMasterHead" runat="server" Text="Message" /></h5>
      </div>
      <div class="modal-body">
<asp:Label ID="lbl_MasterPopUp" runat="server" Text="" CssClass="copy"></asp:Label>
      </div>
      <div class="modal-footer">
        <asp:Button ID="btnOK" runat="server" Text="Close" CssClass="btn btn-secondary" OnClick="btnOK_Click" />
      </div>
    </div>
  </div>
<%--</div>--%>





                </asp:Panel>
            </asp:Panel>
            <ajaxToolkit:ModalPopupExtender ID="MPE_MasterPopUp" runat="server" TargetControlID="lb_Master" PopupControlID="Panel_MasterPopUp" BackgroundCssClass="modal fade"
                BehaviorID="MPE_MasterPopUp" DropShadow="false" />
        </ContentTemplate>
    </asp:UpdatePanel>

正如你所看到的，我已经注释掉了Bootstrap模态中包含的div

如果我把它留在里面我根本没有显示模态。代码在上面的方式将显示模态，但不显示透明背景覆盖。

我的问题是，为什么会发生这种情况，如何让背景叠加层正常工作？任何人都可以看到我可能遗失的东西吗？

TIA

使用Bootstrap Modal和UpdatePanel工作

0 个答案: