Как реализовать Flowlayout в ExtJS 4?

Question

Я хочу использовать макет, где компоненты добавляются по горизонтали, как hbox, но когда после добавления, если компонент превышает границы контейнера, он перемещается на следующую строку. Это похоже на то, что 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
        }]
  });