extjs 100% высота в hbox

Я новичок в extjs и просто застрял на динамической (в процентах) высоте в настройках hbox. Извините, что могу предоставить вам мой код на сенча-скрипке, поэтому я упростил свой вопрос,

вот код

Ext.application({
name : 'Fiddle',

launch : function() {
    Ext.create('Ext.Container', {
width: "100%",
height: 200,
title: "HBoxLayout Panel",
layout: {
    type: 'hbox',
    align: 'stretch'
},
renderTo: document.body,
items: [{
    xtype: 'panel',
    title: 'Inner Panel One',
    flex: 2
},{
    xtype: 'panel',
    title: 'Inner Panel Two',
    flex: 1
},{
    xtype: 'panel',
    title: 'Inner Panel Three',
    flex: 1
}]});}});

как я могу изменить высоту контейнера на 100%, а не статическое значение пикселя, как в этом случае 200,

Спасибо всем

Источник

2 ответа

Решение

Насколько мне известно, элемент, содержащийся в представлении с подходящим макетом, будет соответствовать контейнеру его родителя.

Так что я не думаю, что подгонка макета, а затем указание второй высоты контейнера до 45% сработает. Это может сработать, если вы используете фиксированную высоту для второго контейнера. Но я не думаю, что% будет делать.

Попробуйте другой макет для первого контейнера, возможно, якорь будет работать так, как вы ожидаете.

Вот ссылка на макеты Sencha... http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html

РЕДАКТИРОВАТЬ

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

Было бы лучше, если бы мы использовали ваш фактический код, но что касается этого кода, который вы опубликовали сейчас... https://fiddle.sencha.com/

Источник

Если бы возникла та же проблема, я понял это с помощью этой сенча-скрипки https://fiddle.sencha.com/: измените высоту значений по умолчанию для hbox на:

значения по умолчанию: {xtype: 'component', height: '100%'},

Источник
Другие вопросы по тегам