如何通过编程方式选中Vaadin Flow懒加载Grid的所有行？

AI 小北

2026-6-20

解决Vaadin Flow Grid全选后UI不更新的问题

通过Grid的SelectionModel管理选中状态，而非直接操作DataProvider
不要直接修改DataProvider内数据的选中标记，Grid的UI不会自动感知这类修改。应该利用Grid自带的多选模型来处理选中逻辑，它会自动同步UI状态。

基础全选实现（选中当前可见行）
获取Grid的多选模型后调用selectAll()方法，该方法会自动更新复选框和行选中样式：

// 示例：绑定全选按钮点击事件
selectAllButton.addClickListener(event -> {
    Grid.MultiSelectionModel<YourEntity> selectionModel = 
        (Grid.MultiSelectionModel<YourEntity>) yourGrid.getSelectionModel();
    selectionModel.selectAll();
});

选中DataProvider中所有数据（含过滤后不可见行）
如果需要选中DataProvider内的全部数据（而非仅当前可见行），先获取所有数据再批量选中：

selectAllButton.addClickListener(event -> {
    Grid.MultiSelectionModel<YourEntity> selectionModel = 
        (Grid.MultiSelectionModel<YourEntity>) yourGrid.getSelectionModel();
    // 从DataProvider获取所有数据
    List<YourEntity> allItems = new ArrayList<>();
    yourGrid.getDataProvider().fetch(Query.findAll()).forEach(allItems::add);
    // 批量选中，UI自动同步
    selectionModel.select(allItems);
});

避免错误操作：不要用refreshAll()刷新UI
调用grid.getDataProvider().refreshAll()会重新渲染所有行，导致之前通过SelectionModel设置的选中状态丢失，反而破坏UI同步。
确认多选模式正确开启
确保Grid已正确启用多选模式，否则SelectionModel无法正常工作：
```
yourGrid.setSelectionMode(Grid.SelectionMode.MULTI);
```