GWT：DockLayout面板未顯示

預期輸出與預覽中的相同，標籤指示指定的塊。GWT：DockLayout面板未顯示

我這運行在標準模式下，我使用GWT 2.1.1

下面是預期輸出：

Design in GWT Designer UIBINDER Review of output

實際輸出：

Output

<html><head> 
<!-- The DOCTYPE declaration above will set the --> 
<!-- browser's rendering engine into    --> 
<!-- "Standards Mode". Replacing this declaration --> 
<!-- with a "Quirks Mode" doctype may lead to some --> 
<!-- differences in layout.      --> 



    <meta content="text/html; charset=UTF-8" http-equiv="content-type"> 

    <!--                --> 
    <!-- Consider inlining CSS to reduce the number of requested files --> 
    <!--                --> 
    <link href="DucWMP.css" rel="stylesheet" type="text/css"> 

    <!--           --> 
    <!-- Any title is fine       --> 
    <!--           --> 
    <title>Web Application Starter Project</title> 

    <!--           --> 
    <!-- This script loads your compiled module. --> 
    <!-- If you add any GWT meta tags, they must --> 
    <!-- be added before this line.    --> 
    <!--           --> 
    <script src="ducwmp/ducwmp.nocache.js" language="javascript" type="text/javascript"></script><script defer="defer">ducwmp.onInjectionDone('ducwmp')</script> 
    <!--           --> 
    <!-- The body can have arbitrary html, or  --> 
    <!-- you can leave the body empty if you want --> 
    <!-- to create a completely dynamic UI.  --> 
    <!--           --> 
    <link rel="stylesheet" href="http://127.0.0.1:8888/ducwmp/gwt/standard/standard.css"><style>.GC3DVSKBA{background-color:ivory;}</style></head><body> 

    <!-- OPTIONAL: include this if you want history support --> 
    <iframe style="position: absolute; width: 0pt; height: 0pt; border: 0pt none;" tabindex="-1" id="__gwt_historyFrame" src="javascript:''"></iframe> 

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> 
    <noscript> 
     &lt;div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"&gt; 
     Your web browser must have JavaScript enabled 
     in order for this application to display correctly. 
     &lt;/div&gt; 
    </noscript> 

    <iframe src="javascript:''" id="ducwmp" style="position: absolute; width: 0pt; height: 0pt; border: medium none;" tabindex="-1"></iframe><div style="position: absolute; z-index: -32767; top: -20cm; width: 10cm; height: 10cm;">&nbsp;</div><div style="position: relative;" class="GC3DVSKBA"><div style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div><div style="position: absolute; overflow: hidden; left: 0em; top: 0em; right: 0em; height: 4em;"><div class="gwt-Label" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">Header + Navigation</div></div><div style="position: absolute; overflow: hidden; left: 0em; right: 0em; bottom: 0em; height: 2em;"><table cellspacing="0" cellpadding="0" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"><tbody><tr><td align="left" style="vertical-align: top;"><div class="gwt-Label">Group control</div></td></tr></tbody></table></div><div style="position: absolute; overflow: hidden; left: 0em; top: 4em; right: 0em; bottom: 2em;"><div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;" class="gwt-SplitLayoutPanel"><div style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div><div style="position: absolute; overflow: hidden; top: 0px; right: 0px; bottom: 0px; width: 128px;"><div class="gwt-Label" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">Right Sidebar</div></div><div style="position: absolute; overflow: hidden; top: 0px; right: 128px; bottom: 0px; width: 8px;"><div style="width: 8px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;" class="gwt-SplitLayoutPanel-HDragger"></div></div><div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 136px; bottom: 0px;"><div style="overflow: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"><div style="position: relative;"><div class="gwt-Label">Component Box</div></div></div></div></div></div></div></body></html>

來源

2011-01-30 DucDigital

你能顯示HTML結構螢火顯示也可以鏈接到包含編譯輸出頁？ – sinelaw 2011-01-30 08:36:40

在Java代碼中要確保你

RootLayoutPanel.get().add(appWidget);

而不是

RootPanel.get().add(appWidget);

來源

2011-03-13 17:24:00

GWT：DockLayout面板未顯示

回答

相關問題