Gwt TabLayoutPanel can';看不到选项卡的内容

Gwt TabLayoutPanel can';看不到选项卡的内容,gwt,Gwt,代码: 当我点击标题“tab1”时,我没有看到“tab1”或“tab2”或“tab3”。。。 我看html代码页面“tab1”“tab2”“tab3”就在那里 html页面:您将布局与非布局面板混合在一起。这是行不通的。你可以: 使用选项卡面板(非布局版本) 明确设置TabLayoutPanel大小 使用RootLayoutPanel(但是,请记住,它将包装整个页面,而不仅仅是内容元素) 有关文档,请参见。您必须将高度设置为TabLayoutPanel。 tlpContent.setHeig

代码:

当我点击标题“tab1”时,我没有看到“tab1”或“tab2”或“tab3”。。。 我看html代码页面“tab1”“tab2”“tab3”就在那里


html页面:

您将布局与非布局面板混合在一起。这是行不通的。你可以:

  • 使用
    选项卡面板
    (非布局版本)
  • 明确设置
    TabLayoutPanel
    大小
  • 使用
    RootLayoutPanel
    (但是,请记住,它将包装整个页面,而不仅仅是
    内容
    元素)

有关文档,请参见。

您必须将高度设置为
TabLayoutPanel
tlpContent.setHeight(“300px”)
仅使用px-设置高度,检查firebug并分析代码的工作方式


并检查是否正确包含CSS。

您的代码片段没有平衡括号。此外,您可以将
TabLayoutPanel
放在任何
providesize
中,就像另一个布局面板一样,尽管在几乎所有情况下,该面板本身必须位于另一个布局面板中。这方面的主要例外是
RootLayoutPanel
,如您所述,它占用了所有可用的浏览器空间,以及
ResizeLayoutPanel
,它将在其大小更改时进行检查并通知子级。
TabLayoutPanel tlpContent = new TabLayoutPanel(100, Unit.PX);
tlpContent.add(new Image("tab1"),"TAB1");
tlpContent.add(new Image("tab2"),"TAB2");
tlpContent.add(new Image("tab3"),"TAB3");

RootPanel contentSlot = RootPanel.get("content");
   if (contentSlot!=null){
       contentSlot.add(tlpContent);
}