1

DockLayoutPanelを使用してページをレイアウトしようとしていますが、gwt-platfromプラグインを使用してプレゼンターとビューのペアを作成しています。view.ui.xmlに次のコードを追加すると、ヘッダー部分のみが表示され、残りは表示されません。私のアプローチの何が問題になっていますか？

    <ui:style>        
    .eastPanel {
        background-color: #F60;
    }
    .westPanel {
        background-color: #EEE;
    }
    .northPanel {
        background-color: #39F;
    }
    .southPanel {
        background-color: #99C;
    }
    .centerPanel {
        background-color: #FFC;
    }       
</ui:style>
 <g:DockLayoutPanel unit='EM'>
   <g:north size='5'>
     <g:FlowPanel styleName="{style.northPanel}">
       <g:Label>This is the NORTH panel</g:Label>
     </g:FlowPanel>
   </g:north>
   <g:west size='15'>
     <g:FlowPanel styleName="{style.westPanel}">
       <g:Label>This is the WEST panel</g:Label>
     </g:FlowPanel>
   </g:west>
   <g:center>
     <g:FlowPanel styleName="{style.centerPanel}">
       <g:Label>This is the CENTER panel</g:Label>
     </g:FlowPanel>
   </g:center>
 </g:DockLayoutPanel>

ありがとう、

4

5 に答える 5

1

ページが表示されない理由は、書き込み中に 2 つの間違いがあることがわかりました。 RevealRootLayoutContentEvent.fire(これ、これ); を使用します。RevealRootContentEvent.fire(this,this); の代わりにプレゼンターの RevealInParent() で

于 2012-11-24T10:38:08.003 に答える
0

私は以前にこの問題に直面しました。センターパネルの高さを設定するだけです。すべてが正常に動作します。

于 2012-11-21T12:58:40.690 に答える
0

DockLayoutPanelに を追加する必要がありますLayoutPanel。

LayoutPanel panel = new LayoutPanel();
panel.add(Your DockLayoutPanel);
于 2014-07-15T12:35:10.537 に答える
0

em をどこも変更していない場合、デフォルトのサイズは 16px です。したがって、192 em は簡単に 3,072 px を意味します。ゾーンが画面よりも大きい場合に DockLayoutPanel がどのように動作するかはわかりませんが、きれいに見えないことは確かです。

もう 1 つの可能性は、DockLayoutPanel の高さを親ウィジェットから取得しない場合は、その高さを設定する必要があることです。

于 2012-11-19T22:52:35.670 に答える