能否通过编程方式为vaadin-grid的记录设置焦点？（含删除记录后聚焦相邻记录的使用场景）

当然能做到！针对你删除记录后要把焦点移到上一条或下一条的场景，Vaadin Grid本身就提供了直接的API来实现行焦点控制，我给你详细拆解步骤和代码示例：

核心思路 #

1. 删除前先记录待删行的位置（或者直接获取它的前后行数据）
2. 执行删除操作并刷新Grid数据
3. 根据删除位置计算要聚焦的目标行（上一条优先，没有的话取下一条）
4. 调用Grid的焦点API设置焦点，可选滚动到目标行确保可见

Java（Vaadin Flow）代码示例 #

假设你用的是Vaadin 24+版本，以下是完整的删除后聚焦逻辑：

// 获取当前选中的待删除记录
YourEntity deletedItem = grid.asSingleSelect().getValue();
if (deletedItem == null) return;

// 获取待删记录在当前数据中的索引
int deletedIndex = grid.getDataProvider().indexOf(deletedItem);

// 执行删除操作（这里替换成你的业务逻辑）
yourDataRepository.delete(deletedItem);
// 刷新Grid数据
grid.getDataProvider().refreshAll();

// 准备获取目标聚焦记录
YourEntity targetItem = null;
// 获取当前Grid的所有数据（如果是懒加载，建议通过服务层直接查询前后记录）
List<YourEntity> currentItems = (List<YourEntity>) grid.getDataProvider()
        .fetch(new Query<>())
        .collect(Collectors.toList());

if (!currentItems.isEmpty()) {
    if (deletedIndex > 0) {
        // 如果待删记录不是第一条，聚焦上一条
        targetItem = currentItems.get(deletedIndex - 1);
    } else {
        // 如果是第一条被删，聚焦剩下的第一条（如果有的话）
        targetItem = currentItems.get(0);
    }
}

// 设置焦点并滚动到目标行
if (targetItem != null) {
    grid.setFocusedItem(targetItem);
    // 可选：自动滚动到聚焦的行，确保用户能立即看到
    grid.scrollToIndex(grid.getDataProvider().indexOf(targetItem));
    // 可选：同步选中状态（如果需要保持选中高亮）
    grid.select(targetItem);
}

TypeScript（Vaadin Web Components）代码示例 #

如果是前端直接用Vaadin Web Components，逻辑类似：

const grid = document.querySelector('vaadin-grid') as VaadinGrid<YourEntity>;
const deletedItem = grid.selectedItems[0];
if (!deletedItem) return;

const deletedIndex = grid.items.indexOf(deletedItem);

// 执行删除请求
fetch(`/api/items/${deletedItem.id}`, { method: 'DELETE' })
  .then(() => {
    // 刷新Grid数据
    grid.data = grid.data.filter(item => item.id !== deletedItem.id);
    
    let targetItem: YourEntity | undefined;
    if (grid.data.length > 0) {
      targetItem = deletedIndex > 0 ? grid.data[deletedIndex - 1] : grid.data[0];
    }
    
    if (targetItem) {
      grid.focusedItem = targetItem;
      // 滚动到目标行
      grid.scrollToIndex(grid.data.indexOf(targetItem));
      // 可选：同步选中
      grid.selectedItems = [targetItem];
    }
  });

注意事项 #

• 懒加载数据处理：如果你的Grid用的是懒加载（比如CallbackDataProvider），indexOf()可能无法直接获取正确索引，建议通过你的数据服务直接查询待删记录的上一条/下一条（比如通过ID排序后查询相邻记录），避免一次性加载所有数据影响性能。
• 分页场景：如果Grid开启了分页，删除当前页最后一条记录时，要注意切换到上一页并聚焦最后一行，这时候需要结合分页组件的API（比如setPage()）来处理。
• 焦点可用性：确保Grid的focusable属性没有被设置为false（默认是true），否则无法设置行焦点。

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