如何在ExtJS4中实现flowlayout？

我想使用一种布局，其中组件像hbox一样水平添加，但是添加时如果组件超出容器的边界，它将移动到下一行。这类似于swing和flex中的FlowLayout

我在ExtJS4.0中找不到任何能够实现这一点的布局

---

所以我想知道我该怎么做。我对这个框架相当陌生，所以任何指针都会很好。

您尝试过使用ColumnLayout吗？如果未指定“columnWidth”属性，则子元素将从左向右浮动：

 Ext.create('Ext.Panel', {
        width: 500,
        height: 280,
        title: "ColumnLayout Panel",
        layout: 'column',
        renderTo: document.body,
        items: [{
            xtype: 'panel',
            title: 'First Inner Panel',
            width:  250,
            height: 90
        },{
            xtype: 'panel',
            title: 'Second Inner Panel',
            width: 200,
            height: 90
        }, {
            xtype: 'panel',
            title: 'Third Inner Panel',
            width: 150,
            height: 90
        }]
  });