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

Ext.layout.FitLayout（这是layout: 'fit'所代表的）适用于您在容器中有一个项目的情况，因为它试图将这一个组件“适合”到容器的完整大小

来自手册：

这是包含单个项目的布局的基类，该项目会自动扩展以填充布局的容器。

如果容器中有多个项目，请使用不同的布局，例如Ext.layout.ContainerLayout（默认值为1），Ext.layout.VBoxLayout或Ext.layout.TableLayout。

Answer 2

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

baseCls:'x-plain',

面板在视口中展开

2 个答案: