未使用数据提供者时如何刷新Vaadin Grid？

因为Vaadin每个浏览器标签对应独立的视图实例，Spring全局事件会触发所有实例的更新，显然不符合需求。这里给你三种实用的局部方案，只针对当前操作的视图实例刷新Grid：

方案一：直接传递刷新回调 #

这是最简单直接的方式，在创建Dialog时，把Grid的刷新逻辑作为回调函数传给Dialog，当保存完成后执行回调。

示例代码： #

1. 自定义Dialog类（接收刷新回调）

public class ItemEditDialog extends Dialog {
    private final YourService yourService;

    // 构造方法接收待编辑条目和刷新回调
    public ItemEditDialog(YourItem item, Runnable gridRefreshCallback) {
        yourService = VaadinSpringHelper.getCurrent().getBean(YourService.class);
        FormLayout form = buildEditForm(item);

        Button saveBtn = new Button("保存", click -> {
            // 从表单获取更新后的条目
            YourItem updatedItem = extractItemFromForm(form);
            yourService.save(updatedItem);
            // 执行刷新回调
            gridRefreshCallback.run();
            close();
        });
        add(form, saveBtn);
    }

    // 构建编辑表单的逻辑
    private FormLayout buildEditForm(YourItem item) {
        FormLayout form = new FormLayout();
        // 这里添加表单字段，比如TextField、DatePicker等，绑定item的属性
        TextField nameField = new TextField("名称");
        nameField.setValue(item.getName());
        form.add(nameField);
        // 其他字段...
        return form;
    }

    // 从表单提取更新后的条目
    private YourItem extractItemFromForm(FormLayout form) {
        YourItem updatedItem = new YourItem();
        // 从表单字段取值赋值给updatedItem
        updatedItem.setName(((TextField) form.getComponentAt(0)).getValue());
        // 其他字段...
        return updatedItem;
    }
}

2. 在View中使用Dialog

@Route("item-list")
public class ItemListView extends VerticalLayout {
    private final Grid<YourItem> grid;
    private final YourService yourService;

    public ItemListView(YourService yourService) {
        this.yourService = yourService;
        grid = new Grid<>(YourItem.class);
        refreshGrid();
        // 添加条目点击事件
        grid.addItemClickListener(event -> {
            ItemEditDialog dialog = new ItemEditDialog(event.getItem(), this::refreshGrid);
            dialog.open();
        });
        add(grid);
    }

    // Grid刷新方法
    private void refreshGrid() {
        grid.setItems(yourService.getAllItems());
    }
}

方案二：使用Vaadin组件自定义事件 #

通过Vaadin的ComponentEvent机制，在Dialog保存成功后发布局部事件，由当前View实例监听并刷新Grid。

示例代码： #

1. 定义自定义事件类

public class ItemSavedEvent extends ComponentEvent<ItemEditDialog> {
    private final YourItem savedItem;

    public ItemSavedEvent(ItemEditDialog source, YourItem savedItem) {
        super(source, false);
        this.savedItem = savedItem;
    }

    public YourItem getSavedItem() {
        return savedItem;
    }
}

2. 在Dialog中发布事件

public class ItemEditDialog extends Dialog {
    private final YourService yourService;

    public ItemEditDialog(YourItem item) {
        yourService = VaadinSpringHelper.getCurrent().getBean(YourService.class);
        FormLayout form = buildEditForm(item);

        Button saveBtn = new Button("保存", click -> {
            YourItem updatedItem = extractItemFromForm(form);
            yourService.save(updatedItem);
            // 发布自定义事件
            fireEvent(new ItemSavedEvent(this, updatedItem));
            close();
        });
        add(form, saveBtn);
    }

    // buildEditForm和extractItemFromForm方法同方案一
}

3. 在View中监听事件

@Route("item-list")
public class ItemListView extends VerticalLayout {
    private final Grid<YourItem> grid;
    private final YourService yourService;

    public ItemListView(YourService yourService) {
        this.yourService = yourService;
        grid = new Grid<>(YourItem.class);
        refreshGrid();

        grid.addItemClickListener(event -> {
            ItemEditDialog dialog = new ItemEditDialog(event.getItem());
            // 监听自定义事件
            dialog.addListener(ItemSavedEvent.class, event -> {
                refreshGrid();
            });
            dialog.open();
        });
        add(grid);
    }

    private void refreshGrid() {
        grid.setItems(yourService.getAllItems());
    }
}

方案三：结合Binder优化表单绑定 #

如果用Vaadin Binder来做表单数据绑定，可以让代码更简洁，核心还是用回调或事件来刷新Grid。

示例代码（结合回调）： #

public class ItemEditDialog extends Dialog {
    private final Binder<YourItem> binder = new Binder<>(YourItem.class);

    public ItemEditDialog(YourItem item, Runnable refreshCallback) {
        YourService yourService = VaadinSpringHelper.getCurrent().getBean(YourService.class);
        
        TextField nameField = new TextField("名称");
        binder.forField(nameField).bind(YourItem::getName, YourItem::setName);
        binder.readBean(item);

        Button saveBtn = new Button("保存", click -> {
            binder.writeBeanIfValid(item);
            yourService.save(item);
            refreshCallback.run();
            close();
        });

        add(nameField, saveBtn);
    }
}

关键说明： #

• Spring事件不适合这里的原因：Spring的事件是全局广播，会通知所有View实例，而Vaadin每个标签页是独立的View实例，会导致无关标签的Grid也被刷新，甚至可能更新的不是当前操作的实例。
• 上面的方案都是局部通信，只针对当前打开Dialog的那个View实例，完全符合Vaadin的实例隔离特性。

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