панели расширены в области просмотра

Question

в моей панели западного региона есть что-то.как панель задач здесь: http://dev.sencha.com/deploy/dev/examples/tasks/tasks.html

данные загружаются из 2 разных, содержащих только ссылки, первая группа «задач» всегда расширяется на всю высоту документа, хотя их намного меньшеданных там.

вот код:

new Ext.Panel({
            region: 'west',
            title: 'דוחות',
            id: 'w',
            header: false,
            width: 190,
            split: true,
            layout: 'fit',
            collapseMode: 'mini',
            //minWidth: 100,
            baseCls:'x-plain',
            margins: '0 1 0 0',
            items: [ new Ext.Panel({
                    id:'wp',
                    frame:true,
                    title: 'דוחות לעובדים',
                    collapsible:true,
                    contentEl: 'workerRep',
                    //titleCollapse: true
                    }), 
                    new Ext.Panel({
                    frame:true,
                    id:'mp'
                    title: 'דוחות למכונות',
                    collapsible:true,
                    contentEl:'machRep',
                    layout: 'fit',
                    //titleCollapse: true
                    })
                     ]

В чем может быть проблема?

Answer 1

нашел ответ, проблема была здесь:

baseCls:'x-plain',

Answer 2

Ext.layout.FitLayout (что означает layout: 'fit') для ситуаций, когда у вас есть только один элемент в контейнере, потому что он пытается «подогнать» этот один компонент под полный размер контейнера.

Из руководства:

Это базовый класс для макетов, которые содержат один элемент, который автоматически расширяется для заполнения контейнера макета.

Если в контейнере более одного элемента, используйте другой макет, например Ext.layout.ContainerLayout (по умолчанию), Ext.layout.VBoxLayout или, возможно, Ext.layout.TableLayout.