替换vaadin中formlayout的单元格

Question

当我在vadin中使用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。