comment autoresize iframe contenu sur extjs webdesktop

Question

Je crée mon site web personnel extjs, j'ai un onglet avec un onglet où j'ai écrit le code html pour iframe qui charge une page aspx.

Lorsque je redimensionne le contenu de l'iframe de la fenêtre tabpanel ne se redimensionne pas comme le fait un navigateur et que je vois juste des barres de défilement, est-il possible de réimporter automatiquement le contenu iframe? ici il est mon code:

items: [{ 



         title: 'Tab Text 1', 

         html : '<p><iframe src ="newadmin.aspx" width="100%" height="100%" frameborder=0></ iframe></p>' 

        } 

Answer 1

-ce que toutes les dimensions des éléments à l'intérieur newadmin.aspx défini comme 'x%'?

Answer 2

Cet iframe ne peut pas être redimensionné par son composant parent ExtJS, car le positionnement et le dimensionnement Ext ne sont pas aussi simples que vous le pensez.

Mais au lieu d'apprendre beaucoup de Ext internes, vous pouvez simplement utiliser la UX suivante (extension utilisateur) qui gère votre problème particulier (entre autres): Ext.ux.ManagedIframe

Answer 3

Ext.create('Ext.panel.Panel', { 
    title: 'TITLE', 
    width: 450, 
    height:190, 
    renderTo: 'remotecontrol', 
    layout:'fit', 
    constrain:true, 
    items:[{ 
    xtype : "component", 
    autoEl:{ 
    tag:'iframe', 
    src :'Your URL' 
    } 
    }] 
}); 

constrain:true cette volonté aide Pour redimensionner automatiquement