当前位置: 首页 > 知识库问答 >
问题:

vaadin 14.2.2网格未创建输出

张博涛
2023-03-14

为了测试目的,我正在玩vaadin 14.2.2。然而,我立即使用网格解决了第一个问题。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问题中的提示

不能解决这个问题。有人知道怎么解决这个问题吗?

共有1个答案

方茂
2023-03-14

以下代码片段适用于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;
        }
    }
}
 类似资料:
  • 在上两节中,我们学习了如何创建几何形状与材质,而网格的创建非常简单,只要把几何形状与材质传入其构造函数。最常用的物体是网格(Mesh),它代表包含点、线、面的几何体,其构造函数是: Mesh(geometry, material) 下面,让我们通过一个具体的例子了解如何创建网格: 例5.1.1 var material = new THREE.MeshLambertMaterial({

  • pre { white-space: pre-wrap; } 使用数据网格(datagrid)的详细视图,用户可以展开一行来显示附加的详细信息。 任何内容都可以加载作为行详细,子网格也可以动态加载。 本教程将向您展示如何在主网格上创建一个子网格。 步骤 1:创建主网格 <table id="dg"         url="datagrid22_getdata.php"         tit

  • 我正在考虑这个问题的解决方案,但我不知道如何去做: 我的实体< code>StudentBook具有以下属性: 来自数据库的数据,它们看起来像: 字母字符可以用数值表示为 现在我想这样做: 将是学生的姓名 第一列将自动生成选定月份的天数(日期) “行”将具有点来自表-每个对应的日期 最后一行将类似于“总和行”,显示中每个学生的。 所以我创建了网格 方法返回 将学生的名字添加到各个< code >列

  • pre { white-space: pre-wrap; } 属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组。您可以简单地创建一个可编辑属性的分层(hierarchical)列表。 设置 HTML     <table id="tt" url="propertygrid_data.json"

  • 问题内容: 我正在尝试使用bootstrap 3和angularjs创建一个网格。 我要创建的网格就是这个,使用ng-repeat重复进行。 我试着用with 添加行,但这似乎行不通。任何建议都会很棒! 谢谢! 编辑:这是我最终使用的代码: 问题答案: 这是一个老答案! 撰写本文时,我对Angular还是有点陌生​​。Shivam下面有一个更好的答案,我建议您改用它。它使表示逻辑不会进入您的控制器

  • 问题内容: 例如,我有一些.article类,并且我想将该类作为网格视图进行查看。所以我采用了这种风格: 这种样式将使.article看起来平铺/网格化。固定高度可以正常工作。但是,如果我要将高度设置为自动(根据其中的数据自动拉伸),则网格看起来很讨厌。 问题答案: 这种布局称为砌体布局。石工是另一种网格布局,但它将填充由元素高度不同引起的空白。 jQuery Masonry是创建砌体布局的jQu