GWT根面板按ID获取

我是GWT的新手，可能忽略了一些简单的事情。所以我要做的是在我的html页面中，我在body标签中为我的页面创建了一个布局：

<table id="wrapper" cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;">

         <!-- Header row -->
         <tr style="height: 25%;">
             <td colspan="2" id="header"></td>
         </tr>

         <!-- Body row and left nav row -->
         <tr style="height: 65%;">
             <td id="leftnav"></td>
             <td id="content"></td>
         </tr>

         <!-- Footer row -->
         <tr style="height: 10%;">
            <td colspan="2" id="footer"></td>
         </tr>

</table

---

然而，通过调试我了解到RootPanel.get（“header”）返回null。我确信其余的也返回空值，它只是在到达之前崩溃了。据我所知，这是做事的正确方式，但我肯定错过了什么。请让我知道我做错了什么，或者如果你需要更多信息。感谢您尝试在HTML中使用div标记：

<table id="wrapper" cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;">

         <!-- Header row -->
         <tr style="height: 25%;">
             <td colspan="2"><div id="header"></div></td>
         </tr>

         <!-- Body row and left nav row -->
         <tr style="height: 65%;">
             <td><div id="leftnav"></div></td>
             <td><div id="content"></div></td>
         </tr>

         <!-- Footer row -->
         <tr style="height: 10%;">
            <td colspan="2"><div id="footer"></div></td>
         </tr>

</table

通常使用
div
标记比其他类型的元素（如
）工作得更好。正如评论所说，您应该尝试只使用一个
RootPanel
，然后添加并使用GWT面板创建布局

像HTML页面一样布局页面的一个非常好的方法是使用。您可以使用非常接近HTML的XML语言编写布局，同时使用所有有用的GWT小部件。如果您要使用GWT构建应用程序，那么使用和了解它是非常有用的。
我不知道为什么您要尝试使用3个根面板，而不是使用单个根面板创建布局。最简单的方法是只有一个根面板，并使用GWT布局面板创建页眉、页脚和左导航。如果你继续这样做，你会遇到很多问题，特别是如果你在某个时候试图支持，比方说，需要完全不同布局的移动设备。有什么原因吗？你看过《UiBinder》吗？这里有一个描述：。我这样做的最初理由是因为本文，我需要能够根据在导航面板中选择的项目更改内容部分。除非有更好的方法使用UIBinder
<table id="wrapper" cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;">

         <!-- Header row -->
         <tr style="height: 25%;">
             <td colspan="2"><div id="header"></div></td>
         </tr>

         <!-- Body row and left nav row -->
         <tr style="height: 65%;">
             <td><div id="leftnav"></div></td>
             <td><div id="content"></div></td>
         </tr>

         <!-- Footer row -->
         <tr style="height: 10%;">
            <td colspan="2"><div id="footer"></div></td>
         </tr>

</table