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 html>.

如果你看到TabPanel的文档

这个小部件只能在怪癖模式下工作。如果您的应用程序处于标准模式，请改用 TabLayoutPanel。

于 2013-08-02T13:34:54.673 回答