EXT JS iframe 调整到包含 extJS 容器的高度和宽度

Posted 2023-02-26

【中文标题】EXT JS iframe 调整到包含 extJS 容器的高度和宽度

【英文标题】：EXT JS iframe to resize to height and width of containing extJS container

【发布时间】：2016-06-22 17:20:44

【问题描述】：

我在 EXT JS 容器中渲染了一个 iframe。当我单击提交按钮时，一个带有源“www.totalgadha.com”的 iframe 正在加载到容器中。但是我希望加载的页面适合容器而不是滚动。如何将 iframe 调整为 EXT JS 容器的大小？ 小提琴链接是：

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

【参考方案1】：

试试这个代码

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

【讨论】：

@Jason 你应该看看这个，你可能需要边框布局或者锚点dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/…

我相信你没有明白我的意思......因为布局不会因为原因......我想要的是使用的 iframe 完全适合网页而没有任何滚动......目前有卷轴

我试过你更新的代码，网页没有调整到 iframe 的大小....发生的情况是因为滚动：'no' 没有出现滚动条，所以只有网页的特定部分是可见的，我们无法向下滚动或向右滚动以查看剩余部分

我做了一个小提琴，以便更容易测试，我尝试将 src 更改为 ""fiddle.sencha.com/#home"+'?abc='+abc".....in 这种情况下，呈现的网页调整为 iframe 的大小........ ..所以我相信网页应该有一些属性，可以将其调整为容器的大小..那个属性是什么？