Extjs 在vbox上设置自动高度不会'；t设置高度

我正在使用extjs3.4.0

我对autoHeight属性和布局有问题：“vbox”

我希望设置autoHeight:true将自动为所有包含元素设置vbox的高度。但是，所有元素都不可见。只有当我将“高度”设置为某个数字（如高度：400）时，它们才会可见。是否可以在vbox上设置autoHeight属性

我的代码是

---

您忘记了父元素布局：

---

您忘记了父元素布局：

---

你是对的。但我不明白为什么我必须提供高度：主面板400？似乎布局：“适合”只对主面板的子元素有效，而对主面板本身无效。布局总是对子元素有效。你到底需要什么？您提供的示例有一些奇怪的布局。顺便说一下，ExtJs 3.4已经超过7年（7年，发布日期：2013年3月29日）了。你为什么不把你的项目升级到一个新版本呢？；）好问题-据我所知，extjs不向后兼容。这意味着我不能确定有多少东西会因为版本升级而损坏。项目很大，有很多控制器/视图。你是对的。但我不明白为什么我必须提供高度：主面板400？似乎布局：“适合”只对主面板的子元素有效，而对主面板本身无效。布局总是对子元素有效。你到底需要什么？您提供的示例有一些奇怪的布局。顺便说一下，ExtJs 3.4已经超过7年（7年，发布日期：2013年3月29日）了。你为什么不把你的项目升级到一个新版本呢？；）好问题-据我所知，extjs不向后兼容。这意味着我不能确定有多少东西会因为版本升级而损坏。项目很大，有很多控制器/视图。

Ext.onReady(function () {

    var panel = new Ext.Panel({
        renderTo: Ext.getBody(),
        height: 400,
        items: [{
            layout: 'vbox',
            autoHeight: true,
            height: 'auto',
            items: [{
                layout: 'form',
                items: {
                    xtype: 'textfield',
                    fieldLabel: 'first test'
                }
            }, {
                layout: 'form',
                items: {
                    xtype: 'textfield',
                    fieldLabel: 'second test'
                }
            }]
        }]
    })

});

Ext.onReady(function () {

    var panel = new Ext.Panel({
        renderTo: Ext.getBody(),
        height: 400,
        layout: 'fit', // This is forgotten. 
        items: [{
            layout: 'vbox',
            items: [{
                layout: 'form',
                items: {
                    xtype: 'textfield',
                    fieldLabel: 'first test'
                }
            }, {
                layout: 'form',
                items: {
                    xtype: 'textfield',
                    fieldLabel: 'second test'
                }
            }]
        }]
    })

});