2

仅限 GX​​T 3.x。

假设我希望创建布局的 gxt 字段对

标签：价值

例如，

名称：卡西格思

其中“Carthyguessue”是用户不可更新的常量字段，我使用 gwt:Label 来实现。

因此 ui 模板：

<form:FieldLabel ui:field="nameLabel" text="Name" labelWordWrap="false">
  <form:widget>
     <g:Label ui:field="nameValue" />
  </form:widget>
</form:FieldLabel>

然而，当每个人都这样做过时，就会意识到在 nameLabel 和 nameValue 的垂直偏移之间会有大约 3px 的偏差。

一种建议的方法是劫持 gwt-Label css来定义偏移量。但是，如果我不能这样做，因为 CSS 完全由另一个部门完成。

因此，我发现这行得通。

<form:FieldLabel text="Name" labelWordWrap="false">
  <form:widget>
    <container:VerticalLayoutContainer>
      <g:Label height="3px"/>
      <g:Label ui:field="nameValue" />
    </container:VerticalLayoutContainer>
  </form:widget>
</form:FieldLabel>

我的问题：

  • 这种方法我会面临什么问题/问题？（我还没有意识到）。
  • 有没有更好的非 CSS 解决方案？
  • 好吧，不太重要的是，为什么 gxt 的人不会提供匹配的 Label 小部件（没有由禁用的灰色文本字段模拟的恼人边界），因为我们仍然必须使用 gwt:Label 来达到这个目的？
4

1 回答 1

2

1）更好的方法是创建自定义 CSS 类并为其命名，<g:Label ui:field="nameValue" />以便将来轻松更改。

2）不，没有其他好的解决方案。因为这是一个 CSS 问题，所以你必须通过 CSS 解决它。您应该为此创建自己的小部件。

GWT 中的标签小部件只是呈现为 DIV 而不是 HTML 的标签元素，导致它以块布局显示。

于 2013-05-13T11:02:06.093 回答