Question

如果我使用新的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);

Answer 1

好的，我想通了。我需要使用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);

Answer 2

根据TablayoutPanel文档

此小部件仅在标准模式下工作，这要求运行它的HTML页面具有明确的声明

您host html page的DOCTYPE似乎有问题。

可以验证您的主机HTML页面是否仅具有标准模式的doctype？尝试更改<!DOCTYPE html>。

如果您看到TabPanel

的文档

此小部件仅适用于怪癖模式。如果您的应用程序处于标准模式，请改用TabLayoutPanel。

GWT TabLayoutPanel - ＆gt;不显示标签内容

2 个答案: