GXT UiBinder FieldLabel

Question

我是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)

有没有更好的方式在UiBinder中使用FieldLabel？

Answer 1

问题是您不应该将form:widget大写

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

在UiBinder中，带有大写字母的元素代表一个真正的Widget子类，而小写的元素要么是一个常规的html dom元素，要么是父widget标签的一些修饰符。我们可以看到，由于与父部件标记(即<form:FieldLabel>)相同的form:名称空间，这不是一个dom元素。

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

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

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