这是一个小提琴:http: //jsfiddle.net/bimargulies/yHuz2/
这个小提琴在具有 vbox 布局的面板内的垂直列中有两个树面板。
添加 autoScroll: true 或我尝试过的任何其他方法都无法在树面板内启用滚动。滚动包含左侧面板的整体作品。
查看 CSS,似乎问题在于 ExtJS 中没有为面板指定特定高度,因此溢出样式没有效果。
这是一个小提琴:http: //jsfiddle.net/bimargulies/yHuz2/
这个小提琴在具有 vbox 布局的面板内的垂直列中有两个树面板。
添加 autoScroll: true 或我尝试过的任何其他方法都无法在树面板内启用滚动。滚动包含左侧面板的整体作品。
查看 CSS,似乎问题在于 ExtJS 中没有为面板指定特定高度,因此溢出样式没有效果。
在定义 vbox 布局时,每个子项必须有flex
或height
配置,因此布局可以计算这些的高度。您的代码缺少这些,添加它们将启用滚动。
此外,在您的情况下,您的布局定义应该是:
layout: {
type: 'vbox',
align: 'stretch'
},
为了告诉布局在可用空间中拉伸树节点(默认对齐:left
不会正确设置节点的右边距),这将在预期的位置显示滚动条。
这是按预期工作的 JsFiddle 的修改版本。