Vaadin Flow Grid - 使用 JPA 实体时如何控制列？答案

【问题标题】：Vaadin Flow Grid - how to control the columns when using JPA Entity?Vaadin Flow Grid - 使用 JPA 实体时如何控制列？
【发布时间】：2018-11-09 14:42:16
【问题描述】：

如果我使用 JPA 和 Vaadin 10 Grid，它会以任意顺序将所有列添加到显示中。

grid = new Grid<>(Thing.class);
add(grid);

如何让它只添加一两列，并控制顺序、大小、宽度等。

我的“东西”看起来像

@Entity
public class Thing {

   private static final Logger log = LoggerFactory.getLogger(Thing.class);

   @Id
   @GeneratedValue
   @Column(unique = true)
   private Long id;

   @Column(nullable = false, updatable = false)
   @CreationTimestamp
   private Instant creationDate;
   ...

是否有我应该使用的注释，或者我需要隐藏列，或者删除所有列并手动添加它们？我已经在网上和这里搜索了 SO 并没有发现任何似乎相关的内容。

【问题讨论】：

如果我的回答对你有帮助，你能接受吗？
这是一个很好的答案，但我还没有尝试过。我将保留这个问题，看看是否有其他想法，特别是如果可能的话使用注释。

标签： spring-boot spring-data-jpa vaadin vaadin10 vaadin-flow

【解决方案1】：

您可以设置网格列 grid.setColumns("dataField1","dataField2","dataField3") 等等。如果要更改字段的显示名称，可以使用grid.getColumnByKey("dataField1").setHeader("Custom Text");

import javax.annotation.PostConstruct;
import org.springframework.beans.factory.annotation.Autowired;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.router.Route;

@Route
public class MainView extends VerticalLayout {

private static final long serialVersionUID = 3461787310452366610L;
private Grid<Student> sGrid = new Grid<>(Student.class);
private TextField filter = new TextField();
private HorizontalLayout toolbar = new HorizontalLayout();
private Button newStudent = new Button("Add");
@Autowired
StudentRepository repo;

public MainView() {
    setSizeFull();
    initComponents();
    add(toolbar);
    add(sGrid);
}

private void initComponents() {
    sGrid.setColumns("firstName", "lastName", "sid", "uid");
    sGrid.getColumnByKey("sid").setHeader("Student ID");
    sGrid.getColumnByKey("uid").setHeader("Unique ID");

    toolbar.setSizeUndefined();
    toolbar.add(filter, newStudent);

    filter.setPlaceholder("Search...");

}

@PostConstruct
private void init() {
    sGrid.setItems(repo.findAll());
}

}

【讨论】：