在vaadin中替换formlayout的单元格

Question

当我在 vaadin 中使用带有文本字段的 formlayout 时，它会在文本字段左侧的文本字段上添加标题，如果我需要在文本字段右侧的标题怎么办

FormLayout fieldsLayout = new FormLayout();
    TextField userNameFld = new TextField("User Name:", true);
    userNameFld.setIcon(FontAwesome.USER);
    fieldsLayout.addComponent(userNameFld);
    PasswordField passwordFld = new PasswordField("Password:", true);
    fieldsLayout.addComponent(passwordFld);
    TextField companyFld = new TextField("Company Name:", true);
    fieldsLayout.addComponent(companyFld); 

如何替换标题和文本字段的位置

Answer 1

FormLayout 具有三列：第一列用于标题，第二列（中间）用于错误指示，第三列用于组件（例如 TextField）。这是固定结构。

要更改这些列的顺序，您必须为每一行使用一个VerticalLayout 和一些HorizontalLayout 构建自己的布局。在每一行中，您可以在不带标题的情况下添加TextField，并在正确的位置添加一个Label。