ExtJS Window show markup already on page - ASP.NET

Question

The page markup:

<table style="display: none" id="myTable" runat="server">
    <tr>
        <td>First Name</td>
        <td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
    </tr>
    <tr>
        <td>Last Name</td>
        <td><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
    </tr>
</table>

I need to show a modal window and the content should be the invisible table. The ExtJS script for creating a window is as shown:

function showWindow() {
    var win = new Ext.Window({
        title: "Ext Window Example",
        autoScroll: true,
        modal: true,
        html: //Here I want to use the markup of myTable
    });
    win.show();
}

Answer 1

Wrap the table in some sort of container (<div id='tableHolder' runat='server' style="display: none">...</div>), remove the display: none; from the table style, and then reference the container's innerHTML in your function:

function showWindow() { 
    var win = new Ext.Window({ 
        title: "Ext Window Example", 
        autoScroll: true, 
        modal: true, 
        html: Ext.get('<%=tableHolder.ClientID%>').innerHTML
    }); 
    win.show(); 
}