使用 AjaxToolKit:PopUp Extender 的 asp.net Web 应用程序中未出现弹出窗口答案

【问题标题】：pop up window not appering in asp.net web application using AjaxToolKit:PopUpExtender使用 AjaxToolKit:PopUp Extender 的 asp.net Web 应用程序中未出现弹出窗口
【发布时间】：2018-06-01 12:04:00
【问题描述】：

到目前为止我所做的工作如下，我尝试了堆栈溢出时可用的所有示例注意：我试图在单击图像映射区域时触发弹出窗口

ajaxToolkit:ModalPopupExtender

<ajaxToolkit:ModalPopupExtender ID="PropertyViewModalPopupExtender" runat="server"
  TargetControlID="AreasOfMapMasterPlan"
  PopupControlID="pnlPopUpPropertyView"
  CancelControlID="btnCancelPopUpViewProperty"></ajaxToolkit:ModalPopupExtender>

asp:ImageMap 当点击地图上的区域时，弹出面板必须出现，而当前没有出现

<asp:ImageMap ID="AreasOfMapMasterPlan" OnClick="AreasOfMapMasterPlan_Click" runat="server"></asp:ImageMap>

弹出式面板

<asp:Panel ID="pnlPopUpPropertyView" runat="server" CssClass="modal" TabIndex="-1" data-keyboard="false" data-backdrop="static" style="background-color:#f2f2f2;vertical-align:middle;align-content:center;width:70%;height:400px;overflow:auto;">
  <div class="model-dialog modal-sm"></div>
  <div class="modal-content"></div>
  <div class="modal-header">
  <button class="close" data-dismiss="modal">&times;</button>
  <h4 class="modal-title"><asp:Label ID="Label1" runat="server" Text=""></asp:Label></h4></div>
<div class="model-body">
  <asp:GridView ID="GridView1" runat="server" Enabled="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3">
    <FooterStyle BackColor="White" ForeColor="#000066" />
    <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
    <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
    <RowStyle ForeColor="#000066" />
    <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
    <SortedAscendingCellStyle BackColor="#F1F1F1" />
    <SortedAscendingHeaderStyle BackColor="#007DBB" />
    <SortedDescendingCellStyle BackColor="#CAC9C9" />
    <SortedDescendingHeaderStyle BackColor="#00547E" />
  </asp:GridView>
</div>
<div class="modal-footer">
  <asp:Button ID="btnCancelPopUpViewProperty" CssClass="btn btn-primary" runat="server" Text="Cancel" />
  </div>
 </asp:Panel>

【问题讨论】：

标签： c# asp.net asp.net-ajax ajaxcontroltoolkit

【解决方案1】：

在面板之后添加一个链接按钮

....
   </div>
 </asp:Panel>
 <asp:LinkButton ID="lnkFake" runat="server"  CssClass="hidden" />

在您的 ModalPopupExtender 中将 TargetControlID 更改为“LinkFake”

 <ajaxToolkit:ModalPopupExtender ID="PropertyViewModalPopupExtender" 
runat="server" TargetControlID="lnkFake" PopupControlID="pnlPopUpPropertyView"

链接按钮可以被 CSS 隐藏在您的代码隐藏中显示面板与

 ...
 PropertyViewModalPopupExtender.Show()
 ....

【讨论】：