如何在Vaadin网格中显示复选框而不是布尔值？

Question

我正在使用 vaadin-spring-boot-starter 21.0.7 开发一个新的应用程序，试图在网格中呈现训练数据库信息。我想要列表中的第一列是一个Active/Inactive的复选框，但我无法弄清楚如何完成。我看到的所有示例都是针对 Vaadin 7 或 8 的。大部分当前代码位于 MainView.java 中，链接在 https://github.com/gregoryleblanc/ealOperators/tree/vaadin。

- Greg

Answer 1

您可以按照以下方式在Vaadin 14及更高版本中实现。我对旧版Vaadin没有经验。

grid.addComponentColumn(myBean -> {
  Checkbox checkbox = new Checkbox();
  checkbox.setValue(true); // this you must handle
  checkbox.addClickListener(e -> {
    // todo
  }
  return checkbox;
});

可以用方法引用代替lambda表达式

grid.addComponentColumn(this::createCheckboxComponent);

private Component createCheckboxComponent(MyBean myBean) {
  Checkbox checkbox = new Checkbox();
  // code here
  return checkbox;
}

- Avec

Answer 2

我正在使用一些超级老的Vaadin版本，但我想最新版本也应该适用相同的解决方案，这是我通常的做法：

• 类型为String的列
• 列添加了ButtonRenderer（column.setRenderer）渲染器和事件监听器，允许我处理用户的点击操作
• 值将是一个带有FontAwesome字体的字符串（添加自定义CSS样式font-family并在网格上进行配置setCellStyleGenerator）
• 当选中时，使用值String.valueOf((char) FontAwesome.CHECK_SQUARE_O.getCodepoint())
• 当未选中时，使用值String.valueOf((char) FontAwesome.SQUARE_O.getCodepoint())

使用较新版本的Vaadin可能有更简单的方法。然而，这种方法仍然有效。

- Mirek Pluta