子页面上的Ajax模态弹出扩展器标记为

时间:2017-07-04 21:57:44

标签: c# ajax webforms parent-child modalpopupextender

我已经在子页面中研究了几个小时的AJAX Modal Popup Extender标记演示。 我正在尝试在Gridview列的父页面上实现ASP.NET LinkBut​​ton来触发模式(子页面)并保持UI标记分开。

有人可以提供此代码演示吗?

1 个答案:

答案 0 :(得分:0)

将iframe放在面板中并将src设置为您的文件:

<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="PanelX" TargetControlID="YourButtonID"
CancelControlID="btnClose" BackgroundCssClass="Background">
</cc1:ModalPopupExtender>
 <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center" style = "display:none">
    <iframe   style=" width: 410px; height: 190px;" src="YourChildPage.aspx" runat="server"></iframe>
<br/>
    <asp:Button ID="btnClose" runat="server"  ClientIDMode="Static" style="display:none"/>
</asp:Panel>