具有混合行为的 Gwt / Gxt 布局答案

【问题标题】：Gwt / Gxt layout with mixed behaviours具有混合行为的 Gwt / Gxt 布局
【发布时间】：2014-09-20 06:49:47
【问题描述】：

我正在寻找一个包含两个小部件的布局，一个能够定义自己的大小并根据需要扩展或缩小，另一个能够适应剩余空间。

根据我收集到的信息，它混合了两种不同的行为，因为布局通常要么固定其子级大小，要么允许他们修复它。

那么我该如何实现呢？

【问题讨论】：

我不确定我是否完全理解，但我认为 BorderLayout 可能会使用 EAST、NORTH、SOUTH 或 WEST 面板和 CENTER 面板。

标签： java html gwt gxt

【解决方案1】：

这是我用于此要求的大纲......关键是使用VerticalLayoutData 类来指定“内容大小”或“使用剩余空间”。：

...
<ui:with
  type='com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData'
  field='fillRemainingVLD'>
  <ui:attributes
    height='1'
    width='1'/>
</ui:with>
<ui:with
  type='com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData'
  field='sizeToContentsVLD'>
  <ui:attributes
    height='-1'
    width='1'/>
</ui:with>
...
<gxtcontainer:VerticalLayoutContainer>
  <gxtcontainer:child layoutData='{sizeToContentsVLD}'>
    ... your widget goes here ...
  </gxtcontainer:child>
  <gxtcontainer:child layoutData='{fillRemainingVLD}'>
    ... your widget goes here ...
  </gxtcontainer:child>
</gxtcontainer:VerticalLayoutContainer>

【讨论】：