iframe - extjs を使用した iframe

Question

extjs を使用して iframe を表示しようとしています。動作しますが、一部のスタイルの編集に問題があります。たとえば、ウィンドウと iframe の境界線を表示したくありません。border: false と frame: false を試しましたが、うまくいかないようです

function buildIframe(wgt_placeholder_id){
    Ext.create('Ext.window.Window', {
        width : 1100,
        height: 700,
        layout : 'fit',
        bodyStyle: {
            top: '25px',
            left: '80px',
            z-index: '1'
        },
        frame: false,
        border: false,
        closable: false,
        renderTo: wgt_placeholder_id, 
        items : [{
            frame: false,
            border: false,
            xtype : "component",
            autoEl : {
                tag : "iframe",
                src: "http://google.com"
            }
        }]
    }).show();

また、 bodyStyle: {} はスタイルを適用しません

何か案は？

Answer 1

frameborder属性で試してください：

autoEl: {
    ...
    frameborder: 0
}