nhn / tui.tree

Component that displays data hierarchically.
https://nhn.github.io/tui.tree/latest/
MIT License
91 stars 18 forks source link

Tree search 기능 #68

Open jsoob opened 4 years ago

jsoob commented 4 years ago

자바스크립트에서 폴더명 검색 기능을 만들려고 하는데 'sub-A2' 값을 가진 변수로 'sub-A2' 를 text 데이터로 가지는 노드들을 찾는 방법이 있나요? ajax를 안 타고 javascript 안에서 nodeId를 찾으면 좋겠습니다.

image

JongHyeonKimDev commented 2 years ago

2020년 질문에 대한 아이디어를 이제야 적게 되네요 저도 일반 사용자(개발자) 이긴 하지만 아래 아이디어로 해결이 가능하지 않을지요?

var rootNodeId = treeObj.getRootNodeId();
for(i=0;i<treeObj.getChildIds(rootNodeId).length;i++){
    var childNodId = treeObj.getChildIds(rootNodeId)[i]);
    var childNodNm = treeObj.getNodeData(childNodId).text;
    // if 문 써서 입력된 값과 childNodNm 을 비교하면 childNodId를 찾을 수 있을거 같습니다.
    // 더 깊은 depth 까지 검색해야 한다면 이 아이디어를 활용하여 함수화하고 child node 에서도 검색하도록 호출하면 되지 않을지요? rootid 대신 해당 ID를 값으로 던져주면 해당 노드에 대한 child 를 찾아올수 있을거 같습니다.
}
JongHyeonKimDev commented 2 years ago

다른 문제 때문에 찾다가 방금전에 적었던 아이디어보다 좋은 아이디어가 있어서 적습니다.

treeObj.eachAll(function(node, nodeId) {
    var childNodNm = treeObj.getNodeData(node.getId()).text;  // 또는 node.getId() 부분에 nodeId 를 사용해도 될거 같습니다.
// if 문 써서 입력된 값과 childNodNm 을 비교하면 childNodId를 찾을 수 있을거 같습니다.
});