layout - ExtJS 4 でフローレイアウトを実装するには?

Question

コンポーネントが hbox のように水平方向に追加されるレイアウトを使用したいのですが、追加時にコンポーネントがコンテナの境界を超えると次の行に移動します。これは、swing と flex の FlowLayout に似ています。

これを実現する ExtJS 4.0 のレイアウトは見つかりませんでした。

だから私はこれをどのように行うのだろうかと思っています。私はフレームワークにかなり慣れていないので、どんな指針も素晴らしいでしょう。

Answer 1

ColumnLayout を使用してみましたか? 「columnWidth」プロパティを指定しない場合、子要素は左から右に CSS フロートされます。

 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
        }]
  });