Искам да използвам оформление, при което компонентите се добавят хоризонтално като hbox, но при добавяне, ако компонентът надвишава границите на контейнера, той се премества на следващия ред. Това е подобно на това, което е FlowLayout в swing и flex.
Не можах да намеря никакво оформление в ExtJS 4.0, което би постигнало това.
Така че се чудя как да направя това. Аз съм сравнително нов в рамката, така че всякакви указания биха били чудесни.
Опитвали ли сте да използвате 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
}]
});
