extjs - 如何在 vbox 布局中启用 ExtJS 4.1.1 TreePanel 中的滚动？

Question

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

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

添加 autoScroll: true 或我尝试过的任何其他方法都无法在树面板内启用滚动。滚动包含左侧面板的整体作品。

查看 CSS，似乎问题在于 ExtJS 中没有为面板指定特定高度，因此溢出样式没有效果。

Answer 1

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

此外，在您的情况下，您的布局定义应该是：

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

为了告诉布局在可用空间中拉伸树节点（默认对齐：left不会正确设置节点的右边距），这将在预期的位置显示滚动条。

这是按预期工作的 JsFiddle 的修改版本。