Layout ExtJS布局，水平然后垂直增长

我有一个Ext.panel.panel，我想在其中动态添加表示应用程序中不同“事物”的其他“较小”面板。此面板位于栅格顶部，宽度与栅格相同。当一个“较小”的面板被动态添加到这个“容器面板”中时，如果所有“小”面板的总宽度大于容器的宽度，我希望面板水平添加，然后垂直添加

我试过“fit”、“hbox”、“vbox”等等

---

我是否缺少一种布局类型？

您所追求的通常被称为

流

布局，ExtJS没有现成的布局（如果您问我，他们没有，这有点傻，因为这是一种非常常见的布局，实际上应用于大多数dataview示例，但使用css而不是布局）

但使用列布局可以轻松实现，而无需定义

columnWidth

。复制：

---

我发现在ExtJS 4.2.2中使用上述示例时，面板是垂直堆叠的

我需要补充：

style: {
    float: 'left'
},

每一个项目，然后所有的工作都很好

我使用静态配置（如上面的示例）和动态添加/删除（使用每个子项的自定义容器）进行了测试。“容器”面板每次都以类似流的方式重新渲染。调整浏览器窗口大小时也正确-子项已移动以适应新的面板大小

---

Murray

您是否尝试过使用“自动”布局，只在嵌套面板上放置

display:inline block

？您是否期望外部面板实际变得更高，或者内部面板水平穿过面板然后向下流动就足够了？我当然希望容器面板也能增长。我来试试你的把戏，看看是否管用，谢谢！现在我要回去工作了。。。我来看看这个。。。谢谢这让我走了一段路。。。我正在动态添加内容（不是在配置期间）。。。在添加之前，我需要知道我的宽度尺寸吗？容器或物品的宽度？所以。。。从技术上讲，这是可行的，但是，它不适用于我，因为我在渲染容器后添加小面板。谢谢你的帮助！添加子对象时，会发生什么情况？添加子项后，是否可以尝试在容器上调用

doLayout（）

？它是否仅适用于4.2.2中的动态项？我试过了，但在3.x上不起作用

style: {
    float: 'left'
},