[WebSquare] 웹스퀘어 TreeView 트리뷰 구현하기

 

 

 

 

트리뷰 그리기

 

웹스퀘어 Palette > Navigation > 트리뷰 선택

 

 

 

 

트리뷰 DB데이터 세팅하기

 

그려진 트리뷰를 더블클릭하면 나타나는 창이다.

 

NodeSet	DB와 매핑될 dataList
Label	트리 노드의 이름으로 표시될 컬럼
Value	트리 노드의 실제 값이 될 컬럼
Depth	트리 노드의 레벨이 될 컬럼

 

 

이후 추가적으로 DB 데이터와 dataList 매핑 구현이 필요함

 

 

 

 

 

 

자주 사용하는 트리 관련 API

 

 

dataCollecttion 

dlt_tree.redo();​

데이터를 변경된 시점 최근 한단계로 되돌린다.

dlt_tree.reform();​

DataList의 originalData를 현재의 데이터로 바꿔주고 모든 행의 상태를 초기화(R)한다.

 

dlt_tree.removeAll();

DataList의 모든 데이터를 삭제하고 삭제 된 Data를 1차원 배열로 반환한다.

 

 

 

트리뷰

tree.deselectNode();

선택된 노드를 해제한다.

 

tree.findNodeByValue(KeyId, true);

value를 기반으로 노드를 찾아서 해당 노드를 반환한다. 두번째 인자가 true인 경우 해당 노드를 선택한다.

반환 된 노드는 appendData, appendNode등의 API의 파라메터로 사용할 수 있다.

 

tree.findNodeByIndex(2, true);

초기에 각 노드에 설정된 index를 기반으로 노드 반환한다. 두번째 인자가 true인 경우 해당 노드를 선택한다.

index는 1부터 시작하며 로딩 후 노드의 순서가 변경되도 초기에 설정된 index로 접근해야 한다.

 

tree.getSelectedNode().depth

선택된 노드객체를 반환한다. 뒤에 depth 붙일 시 트리의 레벨을 가져온다.

 

tree.getSelectedLabel();

선택된 노드의 label을 반환한다.

선택된 노드가 없는 경우 빈값(emptyString)을 반환한다.