GWT DockLayoutPanel示例问题

Question

我试图生成一个与开发人员指南(http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html)中的示例类似的DockLayoutPanel。

DockLayoutPanel p = new DockLayoutPanel(Unit.EM);
p.addNorth(new HTML("header"), 2);
p.addSouth(new HTML("footer"), 2);
p.addWest(new HTML("navigation"), 10);
p.add(new HTML("some content"));
// I added this:
RootLayoutPanel.get().add(p);

所有这些代码都放在onModuleLoad中，在创建新的GWT应用程序时替换示例Eclipse启动代码。我在html页面中强制使用标准模式。输出看起来与示例完全不同。我在适当的地方看到了文本"header，footer等“，但页面全是白色的，样式丢失了(蓝色背景的白色方框)。

我是不是遗漏了一个css或者其他让它看起来像这个例子的简单的东西？

谢谢!

Answer 1

如果您在Eclipse中删除了启动项目的onModuleLoad中的所有内容，然后添加了您自己的内容，那么页面全是白色是很正常的。

问题是，DockLayoutPanel只是一个布局面板，所以它没有基本的风格，即使启用了“标准谷歌风格”。

带有白色方框的蓝色背景实际上是应用于onModuleLoad中原始内容的标准样式的结果。