Question

我正在尝试在Jboss-errai应用程序中使用DockLayoutPanel。我的入门级课程：

@EntryPoint
public class Application {

private Caller<UserService> userService;

private Label registerConfirmMessage;

@AfterInitialization
public void createUI() {

    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("content"));
    RootLayoutPanel.get().add(p);
}

我的Application.gwt.xml：

<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.4//EN"
    "http://google-web-toolkit.googlecode.com/svn/releases/2.4/distro-source/core/src/gwt-module.dtd">

<!-- GWT module definition: the rename-to attribute is used to have a shorter 
module name that doesn't reflect the actual package structure. -->
<module>
 <inherits name="org.jboss.errai.common.ErraiCommon" />
 <inherits name="org.jboss.errai.bus.ErraiBus" />
 <inherits name="org.jboss.errai.ioc.Container" />
 <inherits name="org.jboss.errai.enterprise.CDI" />
 <inherits name="org.hibernate.validator.HibernateValidator" />

 <source path="client" />   
 <source path="shared" />
</module>

我在更改DOCTYPE时检测到不同的结果。所以：

在IE6中，它适用于doctype

<!DOCTYPE HTML>

Mozilla Firefox 14，Chrome中的空白页

<!DOCTYPE>

FF14中的空白页，但它适用于Chrome。

所有其他文档类型都会导致空白页。

告诉我请正确解决方案！

Answer 1

来自文档：

此小部件仅适用于标准模式，这需要运行它的HTML页面有一个明确的声明。

这意味着：

1.浏览器需要在标准模式下运行，而不是在怪异模式下运行。

2.在HTML文件的开头你应该有：

<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

doctype在应用程序启动的HTML页面中定义。

而不是gwt.xml

同时查看下面的链接，它描述了gwt项目的组织方式：

https://developers.google.com/web-toolkit/doc/latest/DevGuideOrganizingProjects

GWT DockLayoutPanel空白页面

1 个答案: