java - 复选框 GWT 的可点击标签

Question

在 HTML 中这很容易

<input type="checkbox" name="checkbox" id="checkbox_id" value="value" />
<label for="checkbox_id">Text</label>

[代码来自] How to create an HTML checkbox with a clickable label

不确定在 GWT 中是如何完成的

我的问题是我不确定如何在 GWT 中用他们的原生复选框复制它。这是我的 ui.xml 的片段<HTMLPanel> 中的文件

<table>
    <tr>
        <td align="right" ui:field="defaultCheckBoxText">Checkbox Label</td>
        <td><g:CheckBox ui:field="defaultCheckBox"/></td>
    </tr>
</table>

布局方式，我需要与表格保持一致，所以我不能在输入周围使用标签 技术。我的意思是，我可以，但我更愿意知道如何以其他方式做到这一点。

---

我试过了，但是没用

原因是，在编译的 GWT 代码中，元素的实际 ID 是 gwt-uid-1118。我可以将标签更改为 <label for="gwt-uid-1118"> ，但这不是一个好主意，因为它们是动态生成的。

<table>
    <tr>
        <td align="right" ui:field="defaultCheckBoxText"><label for="defaultCheckBox">Checkbox Label</label></td>
        <td><g:CheckBox ui:field="defaultCheckBox"/></td>
    </tr>
</table>

---

长话短说

有人知道 GWT 中的可点击标签(与 CheckBox 分开)是如何在 ui.xml 文件中完成的吗？

Answer 1

试试 text 属性:

<g:CheckBox ui:field="checkbox" text="text"/>

编辑。如果您有严格的 html 结构，那么您需要使用低级 GWT 组件，例如 InputElement:

更新的 UiBinder:

<table>
    <tr>
        <td align="right"><label for="defaultCheckBox">Checkbox Label</label></td>
        <td><input ui:field="defaultCheckBox" id="defaultCheckBox" type="checkbox" /></td>
    </tr>
</table>

对应的java绑定(bind):

@UiField InputElement defaultCheckBox;