Display IFRAME inside ASP.Net AJAX ModalPopupExtender Modal Popup

Hi sthsyed,

I have made one sample that full-fill your requirement.

HTML of First Page

<div style="width: 60%">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
            </td>
        </tr>
        <tr align="center">
            <td>
                <asp:Button ID="btnPopup" runat="server" Text="Show Popup" OnClientClick="ShowPopup()" /><br />
            </td>
        </tr>
    </table>
    <cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="pnlPopup" TargetControlID="btnPopup"
        BehaviorID="mp1" CancelControlID="btnClose">
    </cc1:ModalPopupExtender>
    <asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none;
        width: 100%; height: 70%">
        <iframe style="width: 300px; height: 300px;" id="irm1" src="GridViewTest.aspx" runat="server">
        </iframe>
        <br />
        <asp:Button ID="btnClose" runat="server" Text="Close" />
    </asp:Panel>
    <script type="text/javascript">
        function ShowPopup() {
            $find('mp1').show();
            return false;
        }
    </script>
</div>

HTML of Gridview Page

<div>
    <asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="false" Width="100px">
        <Columns>
            <asp:BoundField DataField="Name" HeaderText="Name" />
            <asp:TemplateField HeaderText="Details">
                <ItemTemplate>
                    <asp:LinkButton ID="lnkDetail" Text="Show Detail" runat="server" OnClientClick="GetDetails(this)" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        function GetDetails(lnk) {
            var row = $(lnk).closest('tr');
            var name = $('td', row).eq(0).html();
            $('#txtName', window.parent.document).val(name);
            $('#pnlPopup', window.parent.document).hide();
            return false;
        }
    </script>
</div>

Screenshot

Hope this will help you.