子页面上的Ajax Modal Popup Extender标记

Question

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

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

Answer 1

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