DockLayoutPanel не работает должным образом - PullRequest
Новая
       23

DockLayoutPanel не работает должным образом

3 голосов
/ 31 марта 2011

Я опишу свою панель следующим образом 

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
         xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<g:DockLayoutPanel unit="PX" width="600" >
    <g:north size="85">
    ....
    </g:north>
    <g:center>
    ....

    </g:center>
</g:DockLayoutPanel>

GWT, сгенерированный для севера и центра следующих делений.

 <div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 85px;"
 <div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;">

Они содержат данные, которые мне нужны, но второй div не отображается.Где я не прав?

UPD: Только для примера 

    <g:center>
        <g:FlowPanel height="100%">
            <g:Label height="100%">TEST2</g:Label>
        </g:FlowPanel>
    </g:center>

Я получаю 

<div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 85px; right: 0px; bottom: 0px;">
    <div style="height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
        <div class="gwt-Label" style="height: 100%;">TEST2</div>
    </div>
</div>
</div>

Ответы [ 3 ]

9 голосов
/ 01 апреля 2011

Мне кажется, я знаю, что ты сделал не так. Вам нужно это: 

RootLayoutPanel().get().add(new MyView());

вместо: 

RootPanel().get().add(new MyView());

Потому что, если вы используете uibinder, вам нужен RootLayouPanel!

Надеюсь, это вам поможет!

1 голос
/ 24 сентября 2014

Я исправил это следующим образом: 

<ui:style>
    .visible {
        overflow: visible !important;
    }
</ui:style>

<g:DockLayoutPanel unit="PX" width="100%" height="100%">
    <g:north size="46" styleName="{style.visible}">
         ...
    </g:north>
</g:DockLayoutPanel>
0 голосов
/ 01 апреля 2011

Изменить: Важно то, что находится в виджете center. Пример FlowPanel заполнит область, а VerticalPanel - нет. Затем вы должны установить свойство height 100%.

...