gxt将图像与组合框对齐

我有一个load.gif图像,需要与一个组合框对齐

<container:VerticalLayoutContainer addStyleNames="{mystyle}">
    <form:FieldLabel text="{constants.typ}" labelAlign="TOP">
        <form:widget>
            <form:ComboBox ui:field="type" width="300" allowBlank="true" forceSelection="true" triggerAction="ALL" />
        </form:widget>
    </form:FieldLabel>
    <g:Image resource="{loadingGif}" ui:field="Monimage" />
</container:VerticalLayoutContainer>

在我看来,我有一个针对我的数据的列表存储。 我试图把我的图像放在<form:widget>但是它开始一个异常,说我只能为每个ui:child创建一个元素。

有了这段代码,我的图像在组合框下,我需要它在右侧。 有谁能够帮助我?


当uiBinder解析器看到<form:widget> ,它会尝试调用方法FieldLabel#setWidget(theComponentUnderTheTag)

这就是为什么在<form:widget>标签下有多个元素没有意义。

当我用GWT做不到我想要的东西时,我会回退到一些普通的旧HTML。 使用uiBinder,您可以使用HTMLPanel来实现这一点:

<container:VerticalLayoutContainer addStyleNames="{mystyle}">
  <form:FieldLabel text="{constants.typ}" labelAlign="TOP">
    <form:widget>

      <g:HTMLPanel>
      <!--
        Here, I can now place plain old HTML :) 
        Let's place the 2 components via 2 divs and a float:left.
      -->
        <div style="float:left">
          <form:ComboBox ui:field="type" width="300" allowBlank="true" forceSelection="true" triggerAction="ALL" />
        </div>
        <div>
          <g:Image resource="{loadingGif}" ui:field="Monimage" />                                          
        </div>
      </g:HTMLPanel>

    </form:widget>
  </form:FieldLabel>
</container:VerticalLayoutContainer>

如果您不想使用HTML面板,则可以将这两个元素都放在<form:widget>标记中。

但为了实现这一点,您需要将它们包装在一个组件(例如Horizo​​ntalPanel)中,因为您只能在<form:widget>下放置一个窗口<form:widget>

<form:FieldLabel text="{constants.typ}" labelAlign="TOP">
    <form:widget>
        <g:HorizontalPanel>
          <g:ComboBox ui:field="type" width="300" allowBlank="true" forceSelection="true" triggerAction="ALL" />
          <g:Image resource="{loadingGif}" ui:field="Monimage" />
        </g:HorizontalPanel>
    </form:widget>
</form:FieldLabel>
链接地址: http://www.djcxy.com/p/64407.html

上一篇: gxt align image with combobox

下一篇: GXT NumberField / TextField align right