java - Vaadin 14 单选按钮组显示自定义字符串作为选项

Question

我正在使用 Vaadin 14.1.21 + Java JDK/JRE 1.8

我有一个单选单选按钮组，在 DataClass 中其后面有一个 boolean 字段。

我不想向用户显示“true”/“false”作为选项，而是显示自定义字符串，假设“红色选项”表示 true，“绿色选项”表示 false。

我在API中看到有一个名为setRenderer的函数，但我不知道如何使用它。我已经弄清楚如何在网格中执行此操作，但不是在选择框中执行此操作...

选择框(todo):

rbgroup = new RadioButtonGroup<>();
rbgroup.setRequired(true);
rbgroup.setLabel("Title of radiobuttongroup");
rbgroup.setItems(true, false); // how to display them in the frontend as "Green option" / "Red option"?

....

binder.forField(rbgroup).bind("mybooleanField");

网格:(完成)

addColumn((mn) -> { // custom display
            final String displayAS;
            if (mn.getBoolValue()) {
                displayAS = "Option Red";
            } else {
                displayAS = "Option Green";
            }
            return displayAS;
        })
.setHeader("Columntitle")
.setFlexGrow(1)
.setSortable(true)
.setKey("Color Option");

Answer 1

如code examples of RadioButtonGroup所示，设置渲染器以显示文本可以这样完成(示例代码和您的代码之间的混合):

RadioButtonGroup<Boolean> rbgroup = new RadioButtonGroup<>();
rbgroup.setRequired(true);
rbgroup.setLabel("Title of radiobuttongroup");
rbgroup.setItems(true, false);
rbgroup.setRenderer(new TextRenderer<>((mn) -> {
    if (mn) {
        return "Option Red";
    } else {
        return "Option Green";
    }
}));

如果您想显示任何 Vaadin 组件而不仅仅是文本，您可以使用 ComponentRenderer 而不是 TextRenderer。我使用一个简单的 Span 作为示例，但您可以构建复杂的布局并返回它们。

RadioButtonGroup<Boolean> rbgroup = new RadioButtonGroup<>();
rbgroup.setRequired(true);
rbgroup.setLabel("Title of radiobuttongroup");
rbgroup.setItems(true, false);
rbgroup.setRenderer(new ComponentRenderer<>((mn) -> {
    if (mn) {
        return new Span("Option Green");
    } else {
        return new Span("Option Red");
    }
}));