Vaadin 24中Select或Combobox组件如何设置自定义返回值？

完全可以实现，Vaadin的Select和ComboBox组件都支持配置显示文本与实际值分离的需求，下面结合你的数据集给出具体实现方案：

1. 先定义数据实体类 #

首先创建对应Person数据的实体类，用来封装ID和NAME：

public class Person {
    private Integer id;
    private String name;

    public Person(Integer id, String name) {
        this.id = id;
        this.name = name;
    }

    // Getter方法
    public Integer getId() { return id; }
    public String getName() { return name; }
}

2. 使用Select组件实现 #

通过setItemLabelGenerator指定要显示的字段（name），组件的选中值会是Person对象，后续可以从中获取ID：

// 初始化数据集
List<Person> persons = Arrays.asList(
        new Person(1, "Joe"),
        new Person(2, "Sarah"),
        new Person(3, "Bill"),
        new Person(4, "Jennifer")
);

// 创建Select组件
Select<Person> personSelect = new Select<>();
personSelect.setItems(persons);
// 设置显示的文本为name字段
personSelect.setItemLabelGenerator(Person::getName);

// 获取选中的ID
personSelect.addValueChangeListener(event -> {
    Person selectedPerson = event.getValue();
    if (selectedPerson != null) {
        Integer selectedId = selectedPerson.getId();
        // 这里处理选中的ID
        System.out.println("选中的ID：" + selectedId);
    }
});

3. 使用ComboBox组件实现 #

ComboBox的实现逻辑和Select几乎一致，同样通过setItemLabelGenerator配置显示文本，适合需要搜索功能的场景：

ComboBox<Person> personComboBox = new ComboBox<>();
personComboBox.setItems(persons);
personComboBox.setItemLabelGenerator(Person::getName);
personComboBox.setPlaceholder("选择人员");

// 获取选中ID
personComboBox.addValueChangeListener(event -> {
    Person selected = event.getValue();
    if (selected != null) {
        System.out.println("选中的ID：" + selected.getId());
    }
});

4. 直接让组件返回ID（可选） #

如果希望组件的getValue()直接返回Integer类型的ID，而不是Person对象，可以使用选项标签生成器做映射：

ComboBox<Integer> idComboBox = new ComboBox<>();
// 将Person列表转换为ID列表作为选项
idComboBox.setItems(persons.stream().map(Person::getId).toList());
// 设置显示文本：根据ID匹配对应的name
idComboBox.setItemLabelGenerator(id -> 
        persons.stream()
               .filter(p -> p.getId().equals(id))
               .findFirst()
               .map(Person::getName)
               .orElse("")
);

// 此时getValue()直接返回ID
idComboBox.addValueChangeListener(event -> {
    Integer selectedId = event.getValue();
    if (selectedId != null) {
        System.out.println("选中的ID：" + selectedId);
    }
});

以上几种方式都能实现你要的「显示NAME，返回ID」的效果，推荐优先使用绑定实体对象的方式，后续扩展字段会更灵活。

内容的提问来源于stack exchange，提问作者clickguy