Extjs 4:创建一个iFrame窗口

neo*_*ser 23 javascript extjs extjs4

我需要在Extjs中创建一个iFrame窗口.以前在ExtJS 3.x中我会这样做:

bodyCfg: {
    tag: 'iframe'
}
Run Code Online (Sandbox Code Playgroud)

WindowExtJS 4类似乎没有bodyCfg.

关于如何制作iFrame ExtJS 4窗口的任何想法?

Egy*_*din 46

我认为autoEl你正在寻找...

有些建议从我来说,在内线4.x版不使用autoElwindow配置属性,它可以使你的窗口畸形..我建议你使用autoElcomponent(你的窗口项)

new Ext.Window({
    title : "iframe",
    width : 300,
    height: 300,
    layout : 'fit',
    items : [{
        xtype : "component",
        autoEl : {
            tag : "iframe",
            src : "http://www.yahoo.com"
        }
    }]
}).show();
Run Code Online (Sandbox Code Playgroud)

上面的代码比

new Ext.Window({
    title : "iframe",
    width : 300,
    height: 300,
    layout : 'fit',
    autoEl : {
       tag : "iframe",
       src : "http://www.yahoo.com"
    }
}).show();
Run Code Online (Sandbox Code Playgroud)

注意:目前您无法在iframe中加载Google和Facebook

  • 如果你想动态更改iframe src,请通过srcUpdate函数调用以下代码:`Ext.getDom('iframe-win').src ="http://www.yahoo.com";` (6认同)
  • 4.2使用"组件"(如上所示)而不是"容器"是很重要的,尽管我不知道为什么.`"container"`将无法增长/缩小,并且会在调用setstyle on null时抛出错误. (2认同)
  • 我不知道为什么,但我们拒绝使用 `src`。因此,我们改为使用 `html: '<iframe src="http://example.com" width="100% height="100%"></iframe>`,效果很好。 (2认同)