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

【问题标题】：How to enable scrolling in an ExtJS 4.1.1 TreePanel within a vbox layout?如何在 vbox 布局中启用 ExtJS 4.1.1 TreePanel 中的滚动？
【发布时间】：2012-08-11 20:09:06
【问题描述】：

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

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

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

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

【问题讨论】：

标签： extjs extjs4.1

【解决方案1】：

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

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

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

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

modified version of your JsFiddle 按预期工作。

【讨论】：

这非常接近。当我将 flex: 添加到两棵树时，展开/折叠停止在顶部的树上工作。
嗯，它似乎可以在我提交的 JsFiddle 上运行，所以看看你最近的代码可能会有用吗？
jsfiddle.net/bimargulies/ndPjF/4。为了引起这个问题，我不得不在两棵树的顶部添加 collapsed: true 。
@lzhaki 但是，在我的真实代码中，即使我没有开始折叠，折叠按钮也会出现异常。
虽然我不确定，但我的猜测是它是框架中的一个错误 - 我遇到了一些关于面板折叠机制的错误；我肯定会说它在 4.1.1 中是未烘焙的；但在您的情况下，这应该没什么大不了的 - 您是否尝试过在 onRender 期间折叠面板？