ExtJS布局问题

Question

嘿，我正在尝试做一些非常简单的事情，但我真正简单的大脑无法让它发挥作用。基本上，我想在屏幕上有一个框，其中包含一些静态信息和一个“更多”指标。当用户点击更多时，我会将内部框大小调整为数据的完整大小，我希望外部框显示滚动条，以便用户可以滚动查看额外数据。

经过几个小时的尝试，我仍然没有得到正确的结构。到目前为止我所拥有的是：

var info_block = new Ext.form.FieldSet( {
            layout: 'absolute',
            height: 254,
            width: 406,
            items:  [{x: 10,   y: 10: 'label',text: 'Status:'},
                     {x: 100,  y: 10, id: 'status_name', name: 'status_name', width: 300,value: 'New'},
                     {x: 10,    y: 50, xtype: 'label', text: 'Created By:'},
                     {x: 100,   y: 50,id: 'created_by',name: 'created_by',value: ''},
                     :
            ]
        });

    var scrolling_info_block = new Ext.form.FieldSet( {
            height: 154,
            width: 406,
            layout: 'absolute',
            autoscroll: true,
            title: 'outer',
            items:  [info_block]});

然后我将scrolling_info_block插入我的Panel。如果我将外盒设置为'fit'布局，则它的大小正确但没有滚动条。如果我将它设置为'绝对'，它会增长到内盒的大小。