子頁面上的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>