Ajax TabPanel未显示iframe内容 [英] Ajax TabPanel Didn't display iframe Content

问题描述

我的aspx中有下面的代码。有2个tabpanels被添加。 panel1中的内容是显示Gridview的直接代码。 TabPanel2正在使用来自另一个aspx页面的iframe链接来显示详细信息。但是tabpanel2中的iframe内容不会显示。有人可以帮忙吗？顺便说一下，如何在从GridView触发ondoubleclick事件后对TabPanel2内容进行刷新。



以下是代码： -



aspx代码：



&

 lt; asp：TabPanel ID =Generalrunat =服务器HeaderText =General> 
< contenttemplate> 
< asp：UpdatePanel ID =UpdatePanel1runat =server> 
< contenttemplate> 
< iframe src =Trans.aspxwidth =100％height =100％marginwidth =0marginheight =0frameborder =0scrolling =noid =if_Size runat =server>< / iframe> 
< / contenttemplate> 
 
< / contenttemplate> 

Javascript：

 function viewDetail（tabControl，tabNumber，id）{
 
'<％Session [ID] =aaa; ％GT;; 
 
 var ctrl = $ find（tabControl）; 
 ctrl.set_activeTab（ctrl.get_tabs（）[tabNumber]）; 
 
 UpdateTab（）; 
} 
 
函数UpdateTab（）{
 var tab = $ find（'TabContainer1'）; 
 switch（tab.get_activeTabIndex（））{
 case 0：
 __doPostBack（'<％= UpdatePanel1.ClientID％>'，''）; 
休息; 
案例1：
 __doPostBack（'<％= UpdatePanel1.ClientID％>'，''）; 
休息; 
 //等等......等等... 
} 
} 
 

解决方案

< BLOCKQUOTE>找到（TabControl的）;
ctrl.set_activeTab（ctrl.get_tabs（）[tabNumber]）;

UpdateTab（）;
}

函数UpdateTab（）{
var tab =

find（'TabContainer1'）;
switch（tab.get_activeTabIndex（））{
case 0：
__doPostBack（'<％= UpdatePanel1.ClientID％>'，''）;
休息;
案例1：
__doPostBack（'<％= UpdatePanel1.ClientID％>'，''）;
休息;
//等...等...
}
}

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...
     }
 }

解决方案

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... } }

这篇关于Ajax TabPanel未显示iframe内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！