extjs用iframe的問題

項目中用extjs做前提
系統的界面是
左邊用樹做目錄 右邊用tabpanel做內容展示
點擊樹節點的時候 在tabpanel添加新的tab

JScript code

var newTab = centerPanel.add(new Ext.Panel({ id : tabId, title : tabTitle, iconCls : "treeNodeLeafIcon", layout : 'fit', border : false, closable : true, listeners : { activate : this.onActiveTabSize, scope : this }, items : { html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"\" ></iframe>" } }));

在ie6 ff下是正常的
不過就是在ie8下就出問題了
當iframe引用的頁面是用viewport布局的時候就沒有顯示內容
點擊別的tab再點擊回來 viewport里面的內容有正常而來
如果點擊樹的節點的話viewport的內容又不見了
這個是不是extjs在ie8下的bug
有沒有人遇到這個問題的呢

 

 

上一篇： JQuery做趨勢圖

下一篇： responseText問題

 

推薦閱讀

• 關於memcpy問題
• 菜鳥求高手
• delphi的TDateTime數據類型在PB中用什么可以替換
• aspnetpager 控件顯示分頁問題
• c++編譯的DLL文件反編譯
• GridVeiw回傳后DataSource為NUll
• 在沒有安裝vc和vs的電腦上運行動態鏈接庫(是java調用VC寫的dll)
• 學習c++的朋友請進！！！
• 關於數據庫插入的問題，急！！！
• 請教guansong8079776，關於縮略圖的問題

已經有8 個評論

1. 1樓
   七月 28th, 2010 at 10:23 上午look 說:

   var newTab = centerPanel.add(new Ext.Panel({   id : tabId, //把id屬性去掉試試   title : tabTitle,iconCls : "treeNodeLeafIcon",layout : ‘fit’,border : false,   closable : true,   listeners : {   activate : this.onActiveTabSize,   scope : this   },   items : {html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }   }));

2. 2樓
   七月 28th, 2010 at 10:23 上午my159 說:

   html: ‘<iframe id="iframe" src=http://topic.csdn.net/u/20100715/14//” + _link.url + ‘\’ frameborder="0" scrolling="auto" style="border:0px none;height:100%; width:100%;"></iframe>’

3. 3樓
   七月 28th, 2010 at 10:23 上午wuwei04 說:

   CSS code

   如果id沒有必須的用途，就不需要為組件添加id
   如果id一旦重復就會造成組件顯示問題或是出現js沖突

4. 4樓
   七月 28th, 2010 at 10:23 上午sbamd 說:

   試用了 還是老樣子我這個代碼在ie6和ff能正常跑的就是在ie8的時候出問題的

5. 5樓
   七月 28th, 2010 at 10:23 上午jc2008_828 說:

   to 3id沖突的可能性不大   在ie6和ff下都正常有沒有試過在ie8下 用tab調用iframe引用的頁面用viewport的情況

6. 6樓
   七月 28th, 2010 at 10:23 上午bobowanzi 說:

   弄了 幾天 總算把問題解決了就是在頁面上把第一句的doctype刪掉就正常啦 這個問題只在ie8發生答案具體在這里http://bbs.misonsoft.com/thread-1941-1-1.html那這題當散分 來者有份  下周結貼

7. 7樓
   七月 28th, 2010 at 10:23 上午405290688 說:

   items : {html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }這個寫法我感覺有點問題，最好還是這樣吧：items : [{html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }]

8. 8樓
   七月 28th, 2010 at 10:23 上午aw3fae 說:

   不是代碼的問題，瀏覽器的問題，IE8是這樣，我剛好前幾天遇到過，我的解決方案是在首頁加代碼把IE瀏覽器的標准改了，無論客戶用的什么IE，都是按照IE7的標准來的，希望對樓主有幫助在首頁加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />