Vaadin无数据绑定时如何获取表单提交的combobox选中值

不需要强制使用Binder数据绑定才能拿到ComboBox的选中值，所有Vaadin的输入类组件都内置了独立的取值方法，和数据源是否来自只读视图没有关联，具体实现步骤如下：

• 首先将两个ComboBox组件定义为类级别的实例变量，不要在局部作用域内初始化后就丢弃引用，否则提交事件里无法访问到组件实例。
• 组件初始化时正常加载只读视图的数据源即可，只读属性仅限制你无法通过组件直接回写数据到底层视图，不会影响组件对前端选中状态的存储。

初始化示例代码：

// 类级别组件实例声明
private ComboBox<String> firstCombo;
private ComboBox<ReadOnlyViewDTO> secondCombo;

// 组件初始化逻辑（通常在视图构造方法或页面初始化钩子中执行）
private void initPageComponents() {
    firstCombo = new ComboBox<>("第一个选择项");
    // 替换为你自己的只读视图数据查询逻辑
    firstCombo.setItems(queryFirstReadOnlyViewData());

    secondCombo = new ComboBox<>("第二个选择项");
    secondCombo.setItems(querySecondReadOnlyViewData());

    Button submitButton = new Button("表单提交", clickEvent -> processFormSubmit());
    // 将组件添加到页面布局
    add(firstCombo, secondCombo, submitButton);
}

• 表单提交逻辑中，直接调用组件实例的getValue()方法即可获取当前选中值。
  getValue()是Vaadin中所有实现了HasValue接口的输入组件的通用取值方法，未选中时默认返回null，不需要依赖Binder绑定逻辑。

提交逻辑示例代码：

private void processFormSubmit() {
    // 获取第一个下拉框选中值
    String firstSelected = firstCombo.getValue();
    // 获取第二个下拉框选中值，返回类型和你setItems传入的对象类型一致
    ReadOnlyViewDTO secondSelected = secondCombo.getValue();

    // 基础校验
    if (firstSelected == null || secondSelected == null) {
        Notification.show("请完成所有必填项选择");
        return;
    }

    // 后续执行你的业务提交逻辑，比如传参给后端接口
    doSubmitAction(firstSelected, secondSelected);
}

补充说明 #

• 如果你通过setItemLabelGenerator()给ComboBox设置了自定义展示文本，getValue()返回的依然是你传入的原始数据对象，不会返回前端展示的标签文本，不需要额外做类型转换。
• 如果你使用的是多选模式的MultiSelectComboBox，调用getValue()会返回所有选中对象的Set集合，直接遍历处理即可。
• 如果需要监听选中值变化，不需要等提交，直接给组件加addValueChangeListener就能实时拿到变更后的选中值。

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