2012-10-15 46 views
0

我想嵌套HeaderPanels利用我的网页页眉和页脚功能。嵌套接头面板

顶级HeaderPanel工作正常,但在顶部面板的中央第二HeaderPanel不会出现。以下是示例代码:

import com.google.gwt.core.client.EntryPoint; 
import com.google.gwt.user.client.ui.HTML; 
import com.google.gwt.user.client.ui.HeaderPanel; 
import com.google.gwt.user.client.ui.RootLayoutPanel; 

public class Admin implements EntryPoint { 

private final HeaderPanel topPanel = new HeaderPanel(); 
private final HeaderPanel centerPanel = new HeaderPanel(); 

@Override 
public void onModuleLoad() { 

    topPanel.setHeaderWidget(new HTML("top header")); 

    topPanel.setFooterWidget(new HTML("top footer")); 

    centerPanel.setHeaderWidget(new HTML("center header")); 
    centerPanel.setFooterWidget(new HTML("center footer")); 
    centerPanel.add(new HTML("center center")); 

    topPanel.setContentWidget(centerPanel); 
    RootLayoutPanel.get().add(topPanel); 
} 
} 

“中心标题”,“中心页脚”和“中心”从不出现在网页上。

我也是在中心使用DocLayoutPanel尝试,它也不能工作。

我怀疑这些只在连接到RootLayoutPanel时才起作用。

可以嵌套Header或Doc布局面板吗?

回答

0

如果您尝试在Chrome检查,有一个在IE9类似的东西太多,你会看到,该中心小部件有0的高度。如果你设置的大小它将工作。我会使用DockLayoutPanel。你可以嵌套DockLayoutPanels。

+0

谢谢。正是医生的命令。您的评论推动我尝试Firebug,这是一个很好的学习经验。 –