2012-08-08 34 views
0

这是我的问题,使用ExtJS 4.1.1:我有一个浮动面板,其内容可能随时间变化。我想让浮动面板围绕内容调整大小,但将高度限制为最大400像素,此后应出现一个垂直滚动条。浮动自动尺寸ExtJS面板中滚动条宽度的帐户

这JSFiddle解释最好的问题:http://jsfiddle.net/38Kaf/6/

当内容大小低于maxHeight时,自动调整大小的效果非常好。但是当它更大(350px或更多)时,面板宽度太小,不能包含垂直滚动条的蓝色框,导致出现水平滚动。

请注意,布局属性('manageOverflow'和'reserveScrollbar')都没有任何影响。

欢迎任何关于解决方法或替代方法的建议!

回答

1

您指定布局属性,但是你有没有指定的布局类型:

layout: { 
    type: 'fit', 
    manageOverflow: 1, 
    reserveScrollbar: true 
} 

这应该做的伎俩。

+0

关闭,但没有雪茄:'fit'布局不会听取maxHeight属性,因此当内容高于300像素(即内容大小为最大高度)时,我不会收到滚动条。 http://jsfiddle.net/38Kaf/11/ – gjuggler 2012-08-11 01:06:51