EXT JS iframe à redimensionner en hauteur et en largeur contenant le conteneur extJS

Question

J'ai rendu un iframe dans un conteneur EXT JS. Comme je clique sur le bouton submit, un iframe avec la source "www.totalgadha.com" est en cours de chargement dans le conteneur Cependant, je veux que la page chargée s'adapte à la taille du conteneur au lieu d'avoir des parchemins. Comment redimensionner l'iframe à la taille du conteneur EXT JS? lien Fiddle est:

https://fiddle.sencha.com/#fiddle/1cge

Answer 1

Essayez ce code

Ext.getCmp('mainpanel').add({ 
     xtype: "component", 
     width: 500, 
     height: 750, 
      autoEl: { 
      tag: 'iframe', 
      height: '100%', 
      width: '100%', 
      border: '0', 
      frameborder: '0', 
      scrolling: 'no', 
       src: 'https://www.totalgadha.com' 
      } 
     });