всплывающее окно не отображается в веб-приложении asp.net с помощью AjaxToolKit: PopUpExtender - PullRequest
0 голосов
/ 01 июня 2018

Работа, которую я проделал до сих пор, приведена ниже, и я попробовал все примеры, доступные при переполнении стека Примечание: Я пытаюсь вызвать всплывающее окно при нажатии на область карты изображения

ajaxToolkit: ModalPopupExtender

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

asp: при отображении области над картой будет отображаться всплывающая панель, которая в данный момент не отображается

<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>

1 Ответ

0 голосов
/ 03 июня 2018

Добавьте LinkButton после того, как Panel

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

в вашем ModalPopupExtender измените TargetControlID на "LinkFake"

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

Кнопка Link может быть скрыта с помощью CSS. В вашем коде позади показапанель с

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