AutoJight макета ExtJS vbox - PullRequest
Новая
       10

AutoJight макета ExtJS vbox

3 голосов
/ 10 ноября 2011

У меня есть два элемента extjs, которые имеют переменную высоту для вертикального размещения.

Я использую Ext.container.Container для вертикальной компоновки, используя следующий код. 

Ext.create('Ext.container.Container', {     
    //height:50,
    renderTo: this.renderTo,
    layout: {
        type: 'vbox'
    },      
    items: [item1,item2],
     //autoHeight:true
});

Проблема в том, что элементы не отображаются на странице, если не указана высота контейнера. Но высота встроенных виджетов не является статичной.

Есть ли способ исправить эту проблему? Любые другие компоненты, которые я могу использовать, могут автоматически растягиваться до высоты предметов.

1 Ответ

5 голосов
/ 10 ноября 2011

Вместо высоты, примените flex из 1 к вашим дочерним элементам.Если вы хотите, чтобы соотношение было другим, вы можете играть с номером flex.Например, если вы примените flex: 2 и flex: 1, вы получите 2 трети для первого элемента и 1 треть для второго.

Для справки: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex

...