0

Web ページのヘッダーとフッターの機能を利用して、HeaderPanels をネストしようとしています。

トップ レベルの HeaderPanel は正常に機能しますが、トップ パネルの中央にある 2 番目の HeaderPanel は表示されません。サンプルコードは次のとおりです。

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HeaderPanel;
import com.google.gwt.user.client.ui.RootLayoutPanel;

public class Admin implements EntryPoint {

private final HeaderPanel topPanel = new HeaderPanel();
private final HeaderPanel centerPanel = new HeaderPanel();

@Override
public void onModuleLoad() {

    topPanel.setHeaderWidget(new HTML("top header"));

    topPanel.setFooterWidget(new HTML("top footer"));

    centerPanel.setHeaderWidget(new HTML("center header"));
    centerPanel.setFooterWidget(new HTML("center footer"));
    centerPanel.add(new HTML("center center"));

    topPanel.setContentWidget(centerPanel);
    RootLayoutPanel.get().add(topPanel);
}
}

「センター ヘッダー」、「センター フッター」、および「センター センター」は Web ページに表示されません。

また、中央で DocLayoutPanel を使用しようとしましたが、どちらも機能しませんでした。

これらは RootLayoutPanel にアタッチされている場合にのみ機能すると思われます。

ネストされたヘッダーまたはドキュメント レイアウト パネルは可能ですか?

4

1 に答える 1

0

Chrome インスペクトを試すと、IE9 にも同様のものがあり、中央のウィジェットの高さが 0 であることがわかります。サイズを設定すると、うまくいきます。DockLayoutPanel を使用します。DockLayoutPanel をネストできます。

于 2012-10-15T15:29:37.220 に答える