如何将 FlexTable 与 UiBinder 结合使用?
How to use FlexTable with UiBinder?
我想创建这个简单的静态布局:
但不幸的是,我找不到关于如何使用 FlexTable
(或其他内容)执行此操作的说明。这不能用简单的 Vertical*
或 HorizontalPanel
来完成,因为那样的话标签和文本框的对齐方式是不正确的。
有没有办法在 UiBinder 中做这样的事情:
<x:TableView>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:TextBox ../></xTableCell>
</x:TableRow>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:TextBox ../></xTableCell>
</x:TableRow>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:CheckBox../><g:CheckBox../> .. </xTableCell>
</x:TableRow>
</x:TableView>
只需在 <g:HTMLPanel>
中使用 <table>
,或者可能更好,将 <div>
与 CSS 一起使用(想到 flexbox)。
<table>
<tr>
<td><label>…</label></td>
<td><g:TextBox/></td>
</tr>
<tr>
<td><label>…</label></td>
<td><g:TextArea/></td>
</tr>
<tr>
<td><label>…</label></td>
<td><g:CheckBox/><g:CheckBox/>…</td>
</tr>
</table>
我想创建这个简单的静态布局:
但不幸的是,我找不到关于如何使用 FlexTable
(或其他内容)执行此操作的说明。这不能用简单的 Vertical*
或 HorizontalPanel
来完成,因为那样的话标签和文本框的对齐方式是不正确的。
有没有办法在 UiBinder 中做这样的事情:
<x:TableView>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:TextBox ../></xTableCell>
</x:TableRow>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:TextBox ../></xTableCell>
</x:TableRow>
<x:TableRow>
<x:TableCell><g:Label ../></xTableCell>
<x:TableCell><g:CheckBox../><g:CheckBox../> .. </xTableCell>
</x:TableRow>
</x:TableView>
只需在 <g:HTMLPanel>
中使用 <table>
,或者可能更好,将 <div>
与 CSS 一起使用(想到 flexbox)。
<table>
<tr>
<td><label>…</label></td>
<td><g:TextBox/></td>
</tr>
<tr>
<td><label>…</label></td>
<td><g:TextArea/></td>
</tr>
<tr>
<td><label>…</label></td>
<td><g:CheckBox/><g:CheckBox/>…</td>
</tr>
</table>