GWT 页面布局实践

Question

我正在基于 HTML 模型制作 GWT 应用程序。该模型有大约 4 或 5 种不同的布局，由 div 和 css 制成。现在我有一个 HTML 页面，其中仅包含布局的基本元素(页眉、正文、页脚)。其他布局是一样的， body 的布局不同(即两列，三列)。我尝试使用以下代码在基本模板中添加额外的标记:

RootPanel.get("main_area").add(html);

其中 main_area 是我的 body div 的 ID，html 是一个 HTML 对象，带有用于列布局的附加 div。

这工作正常，但是当我尝试向我添加的 div 添加一些文本(或任何内容)时:

RootPanel.get("left_column").add(new Label("test"));

我收到以下错误:

java.lang.AssertionError: A widget that has an existing parent widget may not be added to the detach list
    at com.google.gwt.user.client.ui.RootPanel.detachOnWindowClose(RootPanel.java:122)
    at com.google.gwt.user.client.ui.RootPanel.get(RootPanel.java:197)

我认为我完全错误地解决了这个问题，但我不知道这样做的正确方法是什么。

Answer 1

您可能需要查看 HTMLPanel。

IE。

HTMLPanel hpanel = new HTMLPanel("<div id='morehtml'></div>");
hpanel.add(new Label("Hello, I am inside morehtml"), "morehtml");

RootPanel.get("main_area").add(hpanel);