트리 노드에서 작업한 후 트리를 새로 고치기 위해 다시 로드 작업을 수행해야 하는 경우가 많지만, 많은 기업에서는 트리를 새로 고친 후 기본적으로 마지막으로 선택한 노드를 선택해야 합니다. 이런 방식으로 이전에 선택한 노드의 정보를 먼저 저장한 후 다시 로드한 후 노드 정보를 통해 다시 이 노드 계층으로 확장해야 합니다.
오랜 질의 끝에 마침내 실현 가능한 해결책을 찾았습니다. 바로 노드의 경로를 통해 노드의 위치 정보를 기록하고 이를 루트 노드부터 시작하여 레이어별로 확장하는 것입니다. 마지막 노드까지의 경로.
완성된 코드는 다음과 같습니다.
첫 번째는 extjs3.x 버전의 메소드입니다.
//선택한 노드 가져오기
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);
})
},
}
Extjs3.0과 다름 , Extjs4.2는 다음과 같이 작성됩니다.
idPath = selNode.getPath("id");
tree.getStore().load({
노드: tree.getRootNode(),
콜백: function () {
tree.expandPath(idPath , 'id');
}
}) ;
백그라운드에서 반환된 트리의 json 데이터에 있는 노드에는 원래 id 속성이 포함되어 있어야 합니다. 이 속성이 없는데 getPath 메소드의 매개변수를 다른 속성으로 변경했습니다. 이것이 효과적이지 않다는 사실이 입증되었으며 마침내 id 속성이 json에 추가되어 성공했습니다.