GXT UiBinder FieldLabel

时间:2013-04-16 14:28:26

标签: gwt gxt uibinder

我是UiBinder的新手,我尝试使用FieldLabel。

我发现了这篇文章:GXT: UiBinder new instance of a Widget

开发人员使用这些标记的地方

<form:FieldLabel text="Text">
  <form:Widget>
    <form:TextField ui:field="text"/>
  </form:Widget>
</form:FieldLabel>

当我做同样的事情时,我收到以下错误:

ERROR: Illegal child <form:Widget> in a text-only context. Perhaps you are trying to use unescaped HTML where text is required, as in a HasText widget?: <form:FieldLabel text='Text'> (:7)

我的GXT版本(3.0.1)似乎不允许FieldLabel标记的非文本子项。

到目前为止,我发现包含FieldLabel的唯一解决方案是使用

@UiField(provided = true)

有没有更好的方法将FieldLabel与UiBinder一起使用?

1 个答案:

答案 0 :(得分:5)

问题在于你不应该大写form:widget

<form:FieldLabel text="Text">
  <form:widget>
    <form:TextField ui:field="text"/>
  </form:widget>
</form:FieldLabel>

在UiBinder中,带有大写字母的元素代表一个真实的Widget子类,而小写元素是常规的html dom元素,或者是父窗口小部件标记的一些修饰符。由于form:命名空间,我们可以看到是一个dom元素,与父窗口小部件标记(即<form:FieldLabel>)相同。

这是如何工作的:FieldLabel类有一个Java方法来为它提供要显示的小部件 - setWidget。此方法使用@UiChild注释(在其超类中)进行修饰:

@Override
@UiChild(limit = 1, tagname = "widget")
public void setWidget(Widget w) {
  //...

这使您(UiBinder用户)可以将标记引用为widget,并使用您输入的任何内容调用该方法。