如何在extjs webdesktop上自动调整iframe内容的大小

如何在extjs webdesktop上自动调整iframe内容的大小,extjs,managed,javascript,iframe,Extjs,Managed,Javascript,Iframe,我正在创建我的个人extjs webdesktop,我有一个选项卡面板,其中有一个选项卡,我为加载aspx页面的iframe编写了html代码 当我调整窗口选项卡面板iframe内容的大小不像浏览器那样,并且只看到滚动条时,是否也可以自动调整iframe内容的大小? 这是我的代码: items: [{ title: 'Tab Text 1', html : '<p><ifr

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

当我调整窗口选项卡面板iframe内容的大小不像浏览器那样,并且只看到滚动条时,是否也可以自动调整iframe内容的大小? 这是我的代码:

 items: [{



                        title: 'Tab Text 1',

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

                    }
项目:[{
标题:“选项卡文本1”,
html:“

” }
newadmin.aspx中的所有元素维度都定义为“x%”吗?

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

但是,您不必学习很多Ext内部构件,只需使用以下UX(用户扩展)即可解决您的特定问题(除其他外):


constraint:true
这将有助于自动调整大小

当您需要澄清时,最好在原始问题中添加注释,而不是将您的问题作为答案发布。
 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'
    }
    }]
});