ExtJS - Fill and Auto Height

Я использую ExtJS (html / css), и у меня есть вопрос относительно Layout. Пример:

|--------|
|        |
|        |
|        |
|        |
|        |
|--------|
|        |
|        |
|--------|

Общая высота (они не имеют отступов, полей и т. Д.) Составляет 100% от родительского контейнера. Предпочтительно, чтобы это две панели как-то уложены друг на друга.

Проблема в том, что я не знаю высоту ни верхней, ни нижней панели (она не зафиксирована , и может измениться, так как содержимое внутри панелей может измениться, это два меню.) Мне нужна верхняя панель , чтобы заполнить оставшееся пространство, или иметь полосу прокрутки , если необходимо .

Не так важно, чтобы решение было чистым ExtJS, просто контейнером для двух панелей является панель ExtJS, содержимое двух панелей внутри представляет собой простой HTML-код, управляемый javascript.

Кто-нибудь знает, с чего начать?

Изменить
Я думаю, что отчасти проблема заключается в отсутствии события "resize". Думаю, я могу обойтись каким-нибудь полудинамическим / статическим решением и попытаться вычислить высоту нижней панели