extjs - 考虑浮动自动调整大小的 ExtJS 面板中的滚动条宽度

Question

这是我的问题，使用 ExtJS 4.1.1：我有一个浮动面板，它的内容可能会随着时间的推移而改变大小。我想让浮动面板围绕内容调整大小，但将高度限制为最大 400 像素，之后应该会出现一个垂直滚动条。

这个 JSFiddle 最好地解释了这个问题：http: //jsfiddle.net/38Kaf/6/。

当内容大小低于 maxHeight 时，自动调整大小效果很好。但是当它更大（350px 或更大）时，面板宽度太小，无法同时包含蓝色框和垂直滚动条，导致出现水平滚动。

请注意，布局属性（“manageOverflow”和“reserveScrollbar”）都没有任何效果。

欢迎任何有关解决方法或替代方法的建议！

Answer 1

您已指定布局属性，但尚未指定布局类型：

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

这应该可以解决问题。