如何在vbox布局中启用ExtJS 4.1.1 TreePanel中的滚动?

时间:2012-08-11 20:09:07

标签: extjs extjs4.1

这是一个小提琴:http://jsfiddle.net/bimargulies/yHuz2/

这个小提琴在面板内的垂直列中有两个树面板,带有vbox布局。

添加autoScroll:true或我尝试过的任何其他内容都无法在树面板中滚动。滚动整个包含左侧面板的工作正常。

看看CSS,似乎问题是ExtJS中没有任何内容为面板指定特定高度,因此溢出样式没有效果。

1 个答案:

答案 0 :(得分:4)

定义vbox布局时,每个子项都必须具有flexheight配置,因此布局可以计算这些布局的高度。您的代码缺少这些,添加它们将启用滚动。

此外,在您的情况下,您的布局定义应为:

layout: {
    type: 'vbox',
    align: 'stretch'
},

告诉布局在可用空间中拉伸树节点(默认对齐:left不会正确设置节点的右边距),这将显示预期的滚动条。

这是modified version of your JsFiddle按预期工作。