Extjs 4：iFrameウィンドウを作成する

Question

ExtjsでiFrameウィンドウを作成する必要があります。以前はExtJS 3.xでこれを行いました：

bodyCfg: {
    tag: 'iframe'
}

しかし、ExtJS 4のWindowクラスには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をロードすることはできません。