GWT:DockLayoutPanel中的StackLayoutPanel

时间:2010-01-30 22:40:08

标签: gwt layout

我正在尝试在DockLayout中渲染StackLayout。

然而,我所看到的只是西部小组中的“能够”。 (第一个堆栈中的第一个标签)。 我甚至没有看到堆栈头或其他任何东西。

关于为什么会这样的任何想法?其他面板渲染正常。

我读过LayoutPanels应该只包含在其他LayoutPanels中,但情况就是这样。

我的代码:

 <g:DockLayoutPanel unit="EM">
  <g:north size="4">
   <g:HTMLPanel>
    <g:HTML>Title</g:HTML>
   </g:HTMLPanel>
  </g:north>

  <g:west size="6">
   <g:StackLayoutPanel>
    <g:stack>
     <g:header size='3'>
      <b>HTML</b>
      header
     </g:header>
     <g:Label>able</g:Label>
    </g:stack>
    <g:stack>
     <g:customHeader size='3'>
      <g:Label>Custom header</g:Label>
     </g:customHeader>
     <g:Label>baker</g:Label>
    </g:stack>
   </g:StackLayoutPanel>
  </g:west>

  <g:center>

   <g:HTML>main content</g:HTML>

  </g:center>
 </g:DockLayoutPanel>

<g:DockLayoutPanel unit="EM"> <g:north size="4"> <g:HTMLPanel> <g:HTML>Title</g:HTML> </g:HTMLPanel> </g:north> <g:west size="6"> <g:StackLayoutPanel> <g:stack> <g:header size='3'> <b>HTML</b> header </g:header> <g:Label>able</g:Label> </g:stack> <g:stack> <g:customHeader size='3'> <g:Label>Custom header</g:Label> </g:customHeader> <g:Label>baker</g:Label> </g:stack> </g:StackLayoutPanel> </g:west> <g:center> <g:HTML>main content</g:HTML> </g:center> </g:DockLayoutPanel>

1 个答案:

答案 0 :(得分:4)

经过一个漫长而烦人的下午之后,我发现了问题所在 我希望有一天能帮助别人。

需要为StackLayoutPanel指定 unit 属性。

我首先尝试使用PX,并认为它不起作用......问题在于它实际上太小而无法看到。 EM工作正常:

    <g:StackLayoutPanel unit='EM'>