안녕하세요.

말씀하신 대로 두 번째 TreeView 컨트롤의 initialized 이벤트를 수정해서 실행했는데 오류가 나서 샘플 주신것을 확인해보았습니다.

제가 원했던것은 첫번째 TreeVIew에 자식노드까지 다 나오는 것이 아니라 

첫번째 TreeView의 노드를 클릭하면 클릭한 노드의 자식노드(items)가 

두번째 TreeView로 나오도록 만들고 싶었는데 샘플은 조금 다르더라구요.

달라도 확인하는데는 문제가 없어서 테스트를 해보았는데

첫번째 TreeView의 노드 중 Parent3클릭 후 자식노드를 추가하면 

두번째 TreeView에 나오는게 아니고 첫번째 TreeView에만 추가가 되며

다른 노드를 클릭 후 첫번째 TreeView Parent3 노드를 클릭하면 그때야 두번째 TreeView에 추가했던 값이 나왔습니다.

소스에서 console.log(node2)를 찍으면 undefined가 찍혀서 if문에서 두번째 TreeView에서 노드추가 하는 부분을 안타는 것 같습니다.

그래서 오류 발생이 안되는게 아닌가 합니다.

다시 한번 확인부탁드립니다.

안녕하세요 그레이프시티입니다.

먼저 원하시는 답변을 드리지 못해 죄송합니다.

문의 주신 내용에 대해 답변 드립니다.

collapseToLevel 메서드를 통해 TreeView 컨트롤의 모든 노드를 축소하여 최상위 부모 노드만 표기할 수 있습니다.

아래의 샘플을 참고해주시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

1. initialized 이벤트가 사용자 정의 함수 initialized 로 지정된 첫 번째 TreeView 컨트롤과 사용자 정의 함수 initialized2 로 지정된 두 번째 TreeView 컨트롤을 생성합니다.
2. id 속성 값이 'theInput' 로 지정된 input 태그와 onClick 이벤트가 사용자 정의 함수 onAddNodeClick 로 설정된 '자식 노드 추가' 버튼을 생성합니다.
3. 첫 번째 TreeView 컨트롤의 loadedItems 이벤트 호출 시 매개 변수가 '0' 인 collapseToLevel 메서드를 호출하도록 구현합니다. 
4. 첫 번째 TreeView 컨트롤의 onItemClicked 이벤트 호출 시 매개 변수가 '0' 인 collapseToLevel 메서드를 호출하고 두 번째 TreeView 컨트롤의 데이터를 지정하는 코드를 구현합니다
5. 사용자 정의 함수 onAddNodeClick 에 다음과 같은 코드를 구현합니다.
   -1. initialized 이벤트를 통해 불러온 첫 번째 TreeView 컨트롤과 두 번째 TreeView 컨트롤의 인스턴스 값을 변수 control, control2 에 각각 저장합니다.
   -2. id 속성 값이 'theInput' 인 input 태그의 인스턴스 값을 이용하여 해당 input 태그의 value 속성의 값이 존재하면 자식 노드가 추가되는 코드를 구현합니다.
   -3. 이때 두 번째 TreeView 컨트롤의 selectedNode 속성 값이 지정되지 않은 상태로 자식 노드를 추가하는 경우, 첫 번째 TreeView 컨트롤의 selectedNode 속성의 nodes 속성 값이 지정되어 있는 지를 기준으로 하여 자식 노드를 순서에 맞게 추가하는 코드를 구현합니다.
   -4. 자식 노드를 추가한 후, control 변수를 이용하여 매개 변수가 '0'인 collapseToLevel 메서드를 호출합니다.

- collapseToLevel API 문서

- loadedItems API 문서

- selectedNode API 문서

- nodes API 문서

API 문서를 공유드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다.

그레이프시티 드림