Вопрос макета 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 в свою панель.Если я установил для externalbox макет «fit», он будет иметь правильный размер, но не будет иметь полосы прокрутки.Если я установлю его на «абсолютный», он увеличится до размера внутренней рамки.