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