GWT 100% высота панели с прокруткой

Question

Может ли кто-нибудь помочь мне сделать нормальный макет в GWT.

Мне нужна главная панель, которая:

1. заполняет все пространство браузера (высота 100%);

2. при слишком сильном свертывании отображаются полосы прокрутки (автопрокрутка).

При использовании старого макета (RootPanel, VerticalPanel) у меня есть прокрутка, ноне могу получить 100% высоты.

Когда я использую новый макет (RootLayoutPanel, DockLayoutPanel), я получаю 100% высоты, но я не получаю никакой прокрутки.А также у меня есть некоторые проблемы в IE.

Есть ли примеры, показывающие, как достичь обеих целей?

Заранее спасибо!

Answer 1

У меня это как RootLayoutPanel с DockLayoutPanel внутри.В центре находится ScrollPanel, которая занимает оставшееся пространство и при необходимости обеспечивает прокрутку.Мой .ui.xml (материал UIBinder) выглядит примерно так:

<g:DockLayoutPanel unit="PX" ui:field="Dock">
            <!-- the g: north, west, east, south guys go here -->
    <g:center>
    <g:ScrollPanel addStyleNames='{style.document_area}'>
    </g:ScrollPanel>
    </g:center>
</g:DockLayoutPanel>

Answer 2

Вот что я бы попробовал:

1. Ваша первая панель (кроме рута) такое ScrollPanel
2. Ваша вторая панель будет вашей LayoutPanel (или DockLayoutPanel, если ты предпочитаешь).