ExtJS刷新后如何默认选中上次选中的节点

在对树节点执行操作后，我们通常需要调用 reload 方法刷新整棵树。然而，许多实际业务场景要求：刷新完成后，树能够自动定位并选中上一次操作的那个节点。也就是说，必须先记住上次选中的是哪个节点，等 reload 执行完毕后再把它找出来，逐层展开，最终精确地定位到该节点上。

经过一番探索，终于找到了一个可靠的办法——使用节点的 path 来记录它的位置信息。获取到 path 之后，从根节点开始逐层展开，直到最后一个节点，再将它选中。说起来并不复杂，但实现细节值得仔细推敲。

ExtJS 3.x 版本

在 3.x 中实现方式比较直接：先获取当前选中的节点，如果没有选中，就单纯重载树；如果已选中，就记录它的 path，然后通过树的 loader 重新加载根节点，加载完成后调用 expandPath 展开路径，最后选中那个节点。代码如下：

复制代码 代码如下:

//获取选中的节点
var node = tree.getSelectionModel().getSelectedNode();
if(node == null) { //没有选中 重载树
    tree.getRootNode().reload();
} else { //重载树 并默认选中上次选择的节点
    var path = node.getPath('id');
    tree.getLoader().load(tree.getRootNode(),
        function(treeNode) {
            tree.expandPath(path, 'id', function(bSucess, oLastNode) {
                tree.getSelectionModel().select(oLastNode);
            });
        }, this);
}

ExtJS 4.2 版本

到了 4.x 版本，API 有所变化，但核心思路保持一致。先获取 path，然后通过 store 的 load 方法重新加载根节点，在回调里直接调用 expandPath 展开路径。4.x 的 expandPath 是否自带节点命中后的选中逻辑？实际上并没有，这里仅仅执行展开操作，真正的选中仍需额外处理。需要注意的是，在 4.2 示例中只调用了 expandPath，没有显式选中节点——这是否意味着展开后树会自动高亮路径上的节点？官方文档并未给出保证。为了稳妥，建议在 expandPath 的回调中补充 select 操作。不过下面贴出的是社区中常见的写法：

复制代码 代码如下:

idPath = selNode.getPath("id");
tree.getStore().load({
    node: tree.getRootNode(),
    callback: function () {
        tree.expandPath(idPath, 'id');
    }
});

这里有一个关键陷阱：后台返回的树节点 JSON 数据中，必须包含 id 属性。之前曾尝试将 getPath 的参数换成其他自定义属性，结果始终无法奏效。最后老老实实让 JSON 里带上 id，问题才顺利解决。这一点务必引起重视，否则路径定位会完全失效。

总的来说，这个方案的核心逻辑就是“记录 path → 重载树 → 展开路径 → 选中节点”，无论是 3.x 还是 4.x，这一骨架始终不变。区别仅在于 API 的调用方式，以及 4.x 中 expandPath 是否自动触发选中行为——在实际测试中，为了保险起见，最好还是在回调里手动补上 select。此外，确保每个节点都有唯一的 id，这样才能让 path 真正发挥定位作用。