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>
标记中。
但为了实现这一点,您需要将它们包装在一个组件(例如HorizontalPanel)中,因为您只能在<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