替换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。