Question

我正在创建我的个人extjs webdesktop，我有一个带有选项卡的选项卡面板，我在其中编写了加载aspx页面的iframe的html代码。

当我调整窗口tabpanel的大小iframe内容没有像浏览器那样调整大小而我只看滚动条时，是否可以自动调整iframe内容？这里有我的代码：

 items: [{



                        title: 'Tab Text 1',

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

                    }

Answer 1

 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这将有助于自动调整大小

Answer 2

newadmin.aspx中的所有元素维度是否定义为'x％'？

Answer 3

无法通过其ExtJS父组件调整iframe的大小，因为Ext定位和大小调整并不像您想象的那么简单。

但是，您可以简单地使用以下UX（用户扩展程序）来处理您的特定问题（除其他外），而不是学习很多Ext内部： Ext.ux.ManagedIframe

如何自动调整extjs web桌面的iframe内容

3 个答案: