EXT JS Iframe zur Größenanpassung an Höhe und Breite des extJS Containers

Question

Ich habe einen Iframe innerhalb eines EXT JS Containers gerendert. Als ich auf die Submit-Schaltfläche klicke, wird ein Iframe mit der Quelle "www.totalgadha.com" in den Container geladen Aber ich möchte die geladene Seite auf die Größe des Containers passen, anstatt Scrolls zu haben. Wie verändere ich den Iframe auf die Größe des EXT JS Containers? Fiddle Link lautet:

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

Answer 1

diesen Code Versuchen

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' 
      } 
     });