重用的GWT Widget变得不可见

Question

我Widget TabBar。

<g:DockLayoutPanel unit="EM">
  <g:north size="2.5">
    <g:TabBar height="2.5em" ui:field="tabBar" />
  </g:north>
  <g:center>
    <g:SimpleLayoutPanel ui:field="contentWidget" />
  </g:center>
</g:DockLayoutPanel>

如果用户选择了标签，我会为contentWidget设置小部件。

@UiHandler("tabBar")
void onTabsSelection(final SelectionEvent<Integer> event) {
  // ...
}

这完美无缺！

有几个标签共有一个小部件，所以我想使用这个小部件的单个实例（用于同步）。

<g:LayoutPanel>
  <!-- query -->
  <g:layer top="0" height="3em">
    <g:HorizontalPanel width="100%" height="3em" verticalAlignment="ALIGN_MIDDLE">
      <g:SimpleLayoutPanel ui:field="queryNode" />
      <g:cell horizontalAlignment="ALIGN_RIGHT">
        <my:StepPager ui:field="pager" />
      </g:cell>
    </g:HorizontalPanel>
  </g:layer>
  <!-- map -->
  <g:layer left="0" right="17em" top="3em" bottom="0">
    <g:SimpleLayoutPanel ui:field="mapNode" />
  </g:layer>
</g:LayoutPanel>

当然，小部件只能附加到一个父级。所以我覆盖所有tab-wigets的onAttach方法来读取我的查询小部件。

@Override
protected void onAttach() {
  queryNode.setWidget(queryBar);
  super.onAttach();
}

将调用该方法，并且窗口小部件位于DOM中，但它不可见。我认为问题是SimpleLayoutPanel queryNode大小的单元格是3x35像素。