ExtJS无限网格通过代码全选失效的解决方法求助

这个问题我之前帮同事踩过坑，本质是ExtJS无限网格依赖的BufferedStore采用了按需加载的缓冲机制——它不会一次性把所有数据拉到浏览器内存里，只会加载当前视图可见（以及前后一小段）的记录。所以你之前的两种方法都会失效：

• selectAll()只能选中当前内存里已加载的记录，不是真正的全部；
• 循环索引select(i)到1000行后就停，是因为后面的记录还没被加载到本地，store根本找不到对应的行。

下面给你两种可行的解决方案，根据你的数据量来选：

方案1：一次性加载所有数据后全选（适合数据量不大的场景） #

如果你的数据总量在几万条以内，完全可以先关闭缓冲模式，把所有数据加载到内存，再执行全选：

const grid = me.getGrid();
const store = grid.getStore();

// 先关闭缓冲模式，让store加载所有数据
store.setBuffered(false);
store.load({
    callback: (records, operation, success) => {
        if (success) {
            // 现在所有数据都在内存里了，直接全选
            grid.getSelectionModel().selectAll();
            // 如果之后还要保留无限滚动特性，可以恢复缓冲模式
            // store.setBuffered(true);
        }
    }
});

这个方法简单直接，缺点是数据量太大时会占用较多浏览器内存，可能导致页面卡顿。

方案2：分页加载并批量选中（适合数据量大的场景） #

如果数据量超过几万条，分页加载每一页再收集所有记录是更稳妥的方式：

const grid = me.getGrid();
const store = grid.getStore();
const pageSize = store.getPageSize();
const totalCount = store.getTotalCount();
const totalPages = Math.ceil(totalCount / pageSize);
let selectedRecords = [];

// 递归加载每一页并收集记录
const loadAndSelectPage = (pageNum) => {
    if (pageNum > totalPages) {
        // 所有页加载完成，一次性选中所有记录
        grid.getSelectionModel().select(selectedRecords);
        return;
    }
    store.loadPage(pageNum, {
        callback: (records) => {
            // 把当前页的记录加入选中数组
            selectedRecords = [...selectedRecords, ...records];
            // 加载下一页
            loadAndSelectPage(pageNum + 1);
        }
    });
};

// 从第一页开始执行
loadAndSelectPage(1);

这种方式不会一次性占用大量内存，每加载一页就把记录存到单独的数组里，最后统一选中。

额外提醒 #

如果你的数据量达到几十万甚至上百万条，不建议在前端做全选操作——就算能成功选中，后续的批量操作也可能让浏览器崩溃。这种情况更推荐直接把批量操作逻辑放到服务器端，不需要在前端选中所有行。

内容的提问来源于stack exchange，提问作者Marvin Rügheimer