The problem of ExtJS with IFRAME

Source: Internet
Author: User

The premise of using ExtJS in the project
The interface of the system is
Left with a tree to do the contents of the right with TabPanel to do content display
When you click on the tree node, add a new tab to the TabPanel

JScript Code
var newTab = Centerpanel.add (new Ext.panel ({id:tabid, title:tabtitle,iconcls: "Treenodeleaficon", Layout: ' fi T ', Border:false, Closable:true, listeners: {activate:this.onActiveTabSize, scope:this}, items: {html: "<if Rame width=\ "100%\" height=\ "100%\" scrolling=\ "auto\" frameborder=\ "0\" src=http://topic.csdn.net/u/20100715/14//" "+_link+" \ "></iframe>"}));

It's normal under IE6 ff.
But it's a problem under the IE8.
No content is displayed when the page referenced by the IFRAME is in viewport layout
Click on the Other tab and then click Back to viewport the contents of the inside are normal.
If you click on the tree node, the contents of viewport are gone.
This is not ExtJS in IE8 under the bug
Does anyone have a problem with this?

Previous: jquery do trend map Next: ResponseText problem recommended Reading
    • About memcpy Issues
    • Rookie Seeking Master
    • What can be replaced by Delphi's Tdatetime data type in PB
    • Aspnetpager control Displays paging issues
    • C + + compiled DLL file decompile
    • DataSource is null after GRIDVEIW callback
    • Run the dynamic-link library on a computer that does not have VC and VS installed (it is a DLL written by Java call VC)
    • Learn C + + friends please come in!!!
    • About the database insertion problem, urgent!!!
    • Ask guansong8079776, questions about thumbnails
There are 8 comments
    1. 1 building July 28th, 2010 At 10:23 am look   said:

      var newTab = Centerpanel.add (new Ext.panel ({  Id:tabid,//ID belongs Sex removal test   TITLE:TABTITLE,ICONCLS: "Treenodeleaficon", Layout: ' Fit ', Border:false,   closable:true,   l Isteners: {  activate:this.onActiveTabSize,   scope:this  },   items: {html: "<iframe Widt H=\ "100%\" height=\ "100%\" scrolling=\ "auto\" frameborder=\ "0\" src=http://topic.csdn.net/u/20100715/14//"+_link+ "/" ></iframe> " }  }");

    2. 2 Floor July 28th at 10:23 a.m. my159 says:

      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 Floor July 28th at 10:23 a.m. wuwei04 says:

      CSS Code

      If the ID does not have the necessary purpose, you do not need to add an ID to the component
      If the ID is repeated, it will cause the component display problem or JS conflict

    4. 4 Floor July 28th at 10:23 a.m. SBAMD says:

      Try it or the same old me code in IE6 and FF can run normally is in the IE8 when the problem

    5. 5 Floor July 28th at 10:23 a.m. jc2008_828 says:

      To 3id the likelihood of conflict is not as normal under IE6 and FF have you ever tried to invoke the page with the IFRAME reference under IE8 with the viewport case

    6. 6 Floor July 28th at 10:23 a.m. Bobowanzi says:

      A few days to finally solve the problem is on the page to the first sentence of the DOCTYPE deleted on the normal this problem only in the IE8 of the answer specific here http://bbs.misonsoft.com/thread-1941-1-1.html that question when scattered Next week knot stickers

    7. 7 Floor July 28th at 10:23 a.m. 405290688 says:

      Items: {html: "<iframe width=\" 100%\ "height=\" 100%\ "scrolling=\" auto\ "frameborder=\" 0\ "src=http:// topic.csdn.net/u/20100715/14//"" +_link+ "/" ></iframe> "} I feel a bit of a problem, better still: items: [{html:] <iframe Width=\ "100%\" height=\ "100%\" scrolling=\ "auto\" frameborder=\ "0\" src=http://topic.csdn.net/u/20100715/14//"+_ link+ "/" ></iframe> "}]

    8. 8 Floor July 28th at 10:23 a.m. aw3fae says:

      is not the problem of the code, the browser problem, IE8 is so, I happen to have met, my solution is in the homepage plus code to change the standard IE browser, regardless of what the customer use of IE, are in accordance with the standards of IE7, hope that the landlord has help in the home to join <meta http-equiv= "x-ua-compatible" content= "Ie=emulateie7"/>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.