组合框选择鼠标悬停时的 Vaadin14 工具提示

Question

我正在使用 Vaadin 14 + Java。

我有一个带有枚举的组合框作为可能的选择项。

我想在组合框中显示枚举作为可能的选择，但我想在鼠标悬停/工具提示上显示更长的属性“名称”。

我看到旧版本的 Vaadin 也有同样的问题（显然没有解决方案），我想知道现在是否有办法做到这一点。

组合框

ComboBox<MyEnum> cb = new ComboBox<>();
cb.setLabel("MyComboBox");
cb.setItems(MyEnum.values());

//cb.setDescription --> does not exist for ComboBox?

我的枚举类：

public enum MyEnum {

    HIGH("High long name explanation"),
    MEDIOCRE("Mediocre long name explanation"),
    LOW("Low long name explanation");

    private final String name;

    private MyEnum(String name) {
        this.name = name;
    }

    public String getValue(){
      return name;
    }

}

Answer 1

在 HTML 级别，通过title在元素上定义属性来创建工具提示。

但是标题属性必须放在选项上而不是组合框本身，并且ComboBox没有像comboBox.setItemTooltipProvider(..).

但是，有一个用于定义 Renderer 的 Java API，然后它将应用于每个项目。除了使用简单地将选项的名称作为字符串返回的渲染器之外，我们还可以使用一个ComponentRenderer应用于每个项目。在那里您创建一个Span包含显示项目名称（例如“HIGH”）的组件，并在该 Span 元素上定义 title 属性。

ComboBox<MyEnum> comboBox = new ComboBox<>();
comboBox.setLabel("MyComboBox");
comboBox.setItems(MyEnum.values());
comboBox.setRenderer(new ComponentRenderer<>(item -> {
    Span span = new Span(item.name());
    span.getElement().setProperty("title", item.getValue());
    return span;
}));