vaadin 14.2.2 网格未创建输出答案

【问题标题】：vaadin 14.2.2 Grid not creating an outputvaadin 14.2.2 网格未创建输出
【发布时间】：2020-10-18 19:07:53
【问题描述】：

我正在使用 vaadin 14.2.2 进行测试。但是，我立即使用 Grid 解决了第一个问题。来自https://vaadin.com/docs/v14/flow/components/tutorial-flow-grid.html的示例

List<Person> people = Arrays.asList(
        new Person("Nicolaus Copernicus", 1543),
        new Person("Galileo Galilei", 1564),
        new Person("Johannes Kepler", 1571));

// Create a grid bound to the list
Grid<Person> grid = new Grid<>();
grid.setItems(people);
grid.addColumn(Person::getName).setHeader("Name");
grid.addColumn(Person::getYearOfBirth)
        .setHeader("Year of birth");

layout.add(grid);

不会在可视化中生成输出。还有几个 GitHub 问题中的提示使用

grid.setSizeFull();

不能解决这个问题。有人知道如何解决这个问题吗？

【问题讨论】：

通过 DOM 检查器检查您的浏览器。在页面中找到网格。如果有空/几乎空的标签，例如 .e.g vaadin-grid 或类似的，很可能您没有正确设置您的 dev-env，因为客户端 deps 无法加载和运行。如果网格似乎已填充，请确保它有“显示空间”（例如，它可能刚刚折叠）
谢谢@cfrick，不过，这不是我的第一个网络项目。并且您提供的提示已经过检查。有一个 vaadin-grid 和一些内部元素。但没有可以显示的数据。与此同时，我更新到了 vaadin 16，在这里它可以工作了。
如果您的 vaadin-grid 标签看起来比较空，请将其与例如可以肯定的是网格的现场演示。但我相对确定，您的构建缺少一些“准备前端”之类的任务要在此处运行。或者你定义了错误的部门。
您是从vaadin/start 页面创建了初始存根，还是只是在现有项目中包含了 Vaadin 依赖项？浏览器的控制台日志中是否有任何错误或 404？我同意@cfrick，这似乎是一个配置问题

标签： vaadin vaadin-grid vaadin14

【解决方案1】：

以下 sn-p 在 Vaadin 14.2.2 + Spring 上适用于我：

@Route("MainView")
public class MainView extends VerticalLayout {

    public MainView() {
        List<Person> people = Arrays.asList(
                new Person("Nicolaus Copernicus", 1543),
                new Person("Galileo Galilei", 1564),
                new Person("Johannes Kepler", 1571));

        // Create a grid bound to the list
        Grid<Person> grid = new Grid<>();
        grid.setItems(people);
        grid.addColumn(Person::getName).setHeader("Name");
        grid.addColumn(Person::getYearOfBirth).setHeader("Year of birth");

        add(grid);
    }

    class Person {
        String name;
        Integer yearofbirth;

        public Person(String name, Integer yearofbirth) {
            this.name = name;
            this.yearofbirth = yearofbirth;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public Integer getYearOfBirth() {
            return yearofbirth;
        }

        public void setYearOfBirth(Integer yearofbirth) {
            this.yearofbirth = yearofbirth;
        }
    }
}

【讨论】：