1

新しい TabLayoutPanel を使用して TabPanel を作成すると、タブのコンテンツが表示されません。タブ ヘッダーのみが表示されます。TabPanel代わりに同じコードを使用するとTabLayoutPanel、期待どおりに機能します。ここで何が問題なのかわかりません：

TabLayoutPanel tabs = new TabLayoutPanel(200, Unit.PX);
tabs.add(new Label("tabContent1"), "tab1");
tabs.add(new HTMLPanel("tabContent2"), "tab2");
tabs.add(new HTML("tabContent3"), "tab3");
RootPanel.get().add(tabs);
4

2 に答える 2

2

わかりました。RootLayoutPanelの代わりに を使用してレイアウト パネルをページに追加する必要がありますRootPanel。コードは次のように機能します。

TabLayoutPanel tabs = new TabLayoutPanel(200, Unit.PX);
tabs.add(new Label("tabContent1"), "tab1");
tabs.add(new HTMLPanel("tabContent2"), "tab2");
tabs.add(new HTML("tabContent3"), "tab3");
RootLayoutPanel.get().add(tabs);
于 2013-08-02T13:48:53.710 に答える
1

TablayoutPanelのドキュメントに従って

このウィジェットは標準モードでのみ機能します。標準モードでは、ウィジェットを実行する HTML ページに明示的な宣言が必要です。

の DOCTYPE に問題があるようhost html pageです。

ホスト HTML ページに標準モード専用の Doctype があることを確認できますか? を変えてみてください<!DOCTYPE html>。

そして、TabPanelのドキュメントが表示された場合

このウィジェットは、quirks モードでのみ機能します。アプリケーションが標準モードの場合は、代わりに TabLayoutPanel を使用してください。

于 2013-08-02T13:34:54.673 に答える