Vaadin组件如何指定下拉选择框的选项value值？

你当前的代码只传入了州名称的字符串列表，所以Vaadin会默认把字符串同时作为选项的value和显示文本。要实现value为州代码、显示为州名称的效果，按以下步骤修改：

1. 传入完整的States对象列表
   不要把States对象映射成名称字符串，直接传入所有States实体：

   states.setItems(facade.stateService().findAllStates());
   

2. 配置显示标签生成器
   指定Select用States对象的getName()方法返回值作为选项的显示文本：

   states.setItemLabelGenerator(States::getName);
   

3. 配置选项Value生成器
   指定Select用States对象的getCode()方法返回值作为选项的value属性：

   states.setItemValueGenerator(States::getCode);
   

这样配置后，生成的HTML选项就会和你期望的一致：

<option value="AL">Alabama</option>

如果你的业务场景更适合用键值对而非实体对象，也可以将每个州转换为KeyValuePair<String, String>（Vaadin提供的类），然后传入列表：

List<KeyValuePair<String, String>> statePairs = facade.stateService().findAllStates()
        .stream()
        .map(state -> new KeyValuePair<>(state.getCode(), state.getName()))
        .collect(Collectors.toList());
states.setItems(statePairs);

这种方式下Vaadin会自动将KeyValuePair的key作为选项value，value作为显示文本，无需额外配置生成器。

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