Extjs 4：创建一个iFrame窗口

Question

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

bodyCfg: {
    tag: 'iframe'
}

但是Window类的ExtJS 4似乎没有bodyCfg。

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

Answer 1

我认为autoEl正是您所寻找的......

我的一些建议，在Ext 4.x中不使用autoEl作为window配置属性，它可能会使您的窗口格式不正确..我建议您使用autoEl在component（窗口中的项目）

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

上面的代码优于

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

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