Extjs 在视口中展开的面板

在我的西部地区小组中有smth。就像这里的任务面板：

数据从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
                    })
                     ]

---

可能是什么问题？

Ext.layout.fitlaway

（这就是

layout:'fit'

的意思）适用于容器中只有一个项目的情况，因为它试图将这一个组件“适配”到容器的全尺寸

来自手册：

这是包含单个项的版面的基类，该项会自动展开以填充版面的容器

---

如果容器中有多个项目，请使用不同的布局，如

Ext.layout.ContainerLayout

（默认布局），

Ext.layout.VBoxLayout

，或者

Ext.layout.TableLayout

找到了答案，问题在这里：

baseCls:'x-plain',

---

尝试使用默认布局，如示例中所示，但不起作用