web-dev-qa-db-fra.com

Extjs 4: créer une fenêtre iFrame

J'ai besoin de créer une fenêtre iFrame dans Extjs. Auparavant, dans ExtJS 3.x, je faisais ceci:

bodyCfg: {
    tag: 'iframe'
}

Mais la classe Window d'ExtJS 4 ne semble pas avoir un bodyCfg.

Des idées sur la façon de créer une fenêtre iFrame ExtJS 4?

23
neolaser

Je pense que autoEl est ce que vous cherchez ...

Quelques conseils de ma part, dans Ext 4.x, n'utilisez pas autoEl en tant que propriété de configuration window, cela peut rendre votre fenêtre incorrecte. Je vous suggère d'utiliser autoEl dans un component (éléments de votre fenêtre)

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

Le code ci-dessus est meilleur que

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

Remarque: actuellement, vous ne pouvez pas charger Google et Facebook dans un iframe

46