vaadin - Vaadin 的列表/中继器组件

Question

在我之前的项目中，我使用了 BeanItemContainer 和一个带有 generatedColumns 的表来简单地显示一个显示搜索结果的自定义组件，例如 google。标题、日期、内容以垂直方式显示。尽管它很糟糕( table )，但它起作用了。

现在我想在一个新项目中使用网格组件，具有相同的目标。将生成该列并包含自定义组件。

这可以与网格一起使用吗？有没有更好的东西，比如可用的列表或中继器组件？有自定义组件的单列示例吗？

Vaadin 似乎对简单数据或按钮渲染器以外的任何东西都皱眉。

更新

看起来使用 Grid 7.5+ 添加组件并不能开箱即用。

此外，网格单元格只能是 fixed hight

组件渲染器 Add-on支持单元组件，但固定高度仍然是一个问题。

示例代码:

 public class Result {
      String title;
      Date date;
      URL url;
      String description;
      List<String> tags;

      public Result (){}

 }

BeanItemContainer<Result> resultContainer = fetchResults(searchTerm);

我也使用了 Lazy Container，为了简单起见，使用了 beanitem。

然后我有一个 RecordResultComponent，它在以下布局中构造单个记录结果的布局:

 Title(link with Url)
 Date
 Description
 tag1 tag2 tag3 ...

Answer 1

您可以将网格与GeneratedPropertyContainer一起使用.

然后，您可以使用HtmlRenderer在自定义列上。

希望对您有帮助。 :-)