gwt - 在 DockLayoutPanel 中嵌入 TabLayoutPanel

Question

我正在尝试在 DockLayoutPanel 中嵌入一个 TabLayoutPanel 但选项卡没有显示:(

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
    xmlns:g='urn:import:com.google.gwt.user.client.ui'>
    <g:DockLayoutPanel unit='PX'>
        <g:north size='200'>
            <g:HTML>
                <h1>
                    My Header
      </h1>
            </g:HTML>
        </g:north>
        <g:center>

            <g:TabLayoutPanel barUnit='PX' 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>



        </g:center>
        <g:west size='192'>
            <g:HTML>
                <ul>
                    <li>Sidebar</li>
                    <li>Sidebar</li>
                    <li>Sidebar</li>
                </ul>
            </g:HTML>
        </g:west>
    </g:DockLayoutPanel>
</ui:UiBinder>

Answer 1

如果您什么也看不到，请确保 TabLayoutPanel (a) 具有明确的大小，或者 (b) 最终附加到 RootLayoutPanel(有关更多详细信息，请参阅 http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Resize)。

如果问题在于选项卡上缺少样式(即，您只看到选项卡应该在的原始文本)，则需要添加一些样式(TabLayoutPanel 的 javadoc 中描述了您需要的 CSS 规则) . TabLayoutPanel 还没有任何默认样式，但我们很快就会添加一些样式。