GWT TabLayoutPanel無法正確顯示

我必須擴展一個給定的GWT項目（我們稱之爲X）並且想添加一個窗口，在該窗口中可視化我的東西。由於我是GWT新手，我創建了一個測試項目並試圖創建一個TabLayoutPanel。在這個測試項目的TabLayoutPanel顯示，因爲它應該，但在X是不是：GWT TabLayoutPanel無法正確顯示

http://abload.de/img/tablayoutpanelc1svz.png

的TabLayoutPanel的代碼是從GWT教程

UiBinder的

<!-- HelloWidgetWorld.ui.xml --> 
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'> 
<g:TabLayoutPanel ui:field='tabLayoutPanel' barUnit='EM' barHeight='3'> 
    <g:tab> 
     <g:header size='7'><b>HTML</b> header</g:header> 
     <g:Label>able</g:Label> 
    </g:tab> 
    <g:tab> 
     <g:customHeader size='7'> 
      <g:Label>Custom header</g:Label> 
     </g:customHeader> 
     <g:Label>baker</g:Label> 
    </g:tab> 
</g:TabLayoutPanel> 
</ui:UiBinder>

Java

public class HelloWidgetWorld extends Composite 
{ 
    interface IuiBinder extends UiBinder<Widget, HelloWidgetWorld> {} 
    private static IuiBinder uiBinder = GWT.create(IuiBinder.class); 

    @UiField TabLayoutPanel tabLayoutPanel; 

    public HelloWidgetWorld() 
    { 
     initWidget(uiBinder.createAndBindUi(this)); 
    } 
}

使用m的代碼Y檢驗項目是

public class Test implements EntryPoint 
{ 
    private Window HelloWidgetWorldWindow; 
    public void onModuleLoad() 
    { 
     RootLayoutPanel.get().add(new HelloWidgetWorld()); 
    } 
}

，試圖縮小我終於結束了通過使用X完全相同的代碼，但仍然有問題的問題。所以我將這段代碼複製到X中，所以onModuleLoad（）代碼是相同的。我也將測試項目中的css和html文件複製到X，但面板看起來不像它應該那樣。

由於代碼現在都是一樣的，它只是可以在其他項目文件或設置？

現在花5個小時才能讓那個修好而沒有成功，我真的希望你能幫助我！

/編輯

我現在試圖重建給定的項目X，從一個新的項目開始，然後輸入代碼，庫，JS，CSS，* .XML等。每一步之後，我會檢查我的最小示例是否有效。也許這樣我可以追蹤哪些組件會破壞TabLayoutPanel可視化。我會在這裏更新結果。

來源

2014-02-23 user3343508

的問題是，很明顯，在項目X的地方，而不是在你從教程複製的代碼。你有沒有在瀏覽器中看到任何應用於你的面板的CSS，你都不知道？你在* .gwt.xml中繼承了標準的GWT風格嗎？ –

我也認爲問題依賴於項目X.我刪除了所有的CSS樣式並創建了一個新的index.html。 * gwt.xml文件只是需要在那裏的東西 – user3343508

添加TabLayoutPanel在任何小部件（垂直/水平/ ...）面板
標籤沒有出現，因爲TabLayoutPanel沒有任何高度或寬度（主要是百分比將無法正常工作，你」必須使用不同的單位）。您正在使用的新佈局面板的一個
檢查從GWT 2.5

來源

2014-02-25 10:25:36 npprasanth

我已經使用一個最小的例子來顯示TabLayoutPanel（我也認爲它必須與錯誤的容器，高度/寬度等）。完全相同的代碼在新項目中顯示正常。 – user3343508

嘗試使用而不是。可能你錯過了這個在ui.xml中 <！DOCTYPE ui：UiBinder SYSTEM「http://dl.google.com/gwt/DTD/xhtml.ent」> 試試這個例子。工作正常。 http://www.giantflyingsaucer.com/blog/?p=1062 – npprasanth

GWT TabLayoutPanel無法正確顯示

回答

相關問題