Question

代码：

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);
}

当我点击标题“TAB1”时，我看不到“tab1”或“tab2”或“tab3”... 我看代码html页面“tab1”“tab2”“tab3”就在那里。

html页面：<!DOCTYPE html>

Answer 1

您正在使用非布局面板混合布局。这不会很好。你可以：

使用TabPanel（非布局版本）;
明确设置TabLayoutPanel尺寸;
使用RootLayoutPanel（但请记住，它会包装整个页面，而不仅仅是content元素。）

有关相关文档，请参阅here。

Answer 2

您必须将身高设置为TabLayoutPanel。 tlpContent.setHeight("300px")仅使用px - 设置高度并检查firebug并分析代码的运行方式。

并检查您是否正确包含CSS。

TabLayoutPanel无法查看标签的内容

2 个答案: