Ajax TabPanel Didn't display iframe Content

See more:

C#

ASP.NET

Hi I have belows code in my aspx. There are 2 tabpanels been added. The contents in panel1 is direct code showing a Gridview. And the TabPanel2 is using iframe link from another aspx page to show the details. But the iframe content in tabpanel2 does not display. Anyone can help? Btw, how do I do a refresh on the TabPanel2 content after a ondoubleclick event is trigger from the GridView.

Below is the codes:-

aspx code:

&

lt;asp:TabPanel ID="General" runat="server" HeaderText="General">  
        <contenttemplate>   
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <contenttemplate>
                <iframe src="Trans.aspx" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" id="if_Size" runat="server" ></iframe>
            </contenttemplate>     
              
         </contenttemplate>

Javascript:

function viewDetail(tabControl, tabNumber, id) {

     '<%Session["ID"] = "aaa"; %>';

     var ctrl = $find(tabControl);
     ctrl.set_activeTab(ctrl.get_tabs()[tabNumber]);

     UpdateTab();
 }

 function UpdateTab() {
     var tab = $find('TabContainer1');
     switch (tab.get_activeTabIndex()) {
         case 0:
             __doPostBack('<%= UpdatePanel1.ClientID %>', '');
             break;
         case 1:
             __doPostBack('<%= UpdatePanel1.ClientID %>', '');
             break;
         // etc...etc...
     }
 }