# Tree Tree 셀유형은 **노드 끌어서 놓기** 및 **다중 선택** 기능을 제공 합니다.
트리 컨트롤은 **3개의 명령** , **9개의 속성** , **7개의 사용 가능한 옵션을 제공합니다.**
### 명령 일반 CellType과 비교해 트리 구성 요소는 노드를 끌 때 발생하는 작업(정렬 규칙 수정, 노드 폴더 이동 등)을 지원하기 위해 추가적인 **편집 끌기 명령을 제공합니다.**
명령 설정 예제 사용
Edit Selection Command

선택한 노드가 변경될 때마다 트리거됩니다.

지원 매개변수:

  • Value : 노드의 값
  • 레이블: 노드의 표시 레이블
  • ParentValue: 부모 노드의 값
Edit Click Command

노드를 클릭할 때마다 트리거됩니다.

지원 매개변수:

  • Value : 노드의 값
  • 레이블: 노드의 표시 레이블
  • ParentValue: 부모 노드의 값
Edit Drag Command

드래그 노드가 놓일 때마다 트리거됩니다.

지원 매개변수:

  • DraggingNodeValue: 드래그 노드의 값
  • DropNodeValue: 드롭 대상 노드의 값

  • DragType: 드래그 유형

    • "before"는 드래그 노드가 드롭 노드 위에 있음을 의미합니다.
    • "inner"는 드래그 노드가 드롭 노드 내부에 있음을 의미합니다.
    • "after"는 드래그 노드가 드롭 노드 아래에 있음을 의미합니다.
#### 속성
속성 설명 예제사용
데이터 소스

데이터 소스에는 두 가지 유형의 구성 전략이 있습니다.

  • 첫 번째 유형은 다른 컨트롤과 비슷한 일반 바인딩이며 트리 노드 아이콘에 대한 추가 구성이 가능합니다.
  • 두 번째 유형은 데이터 소스 바인딩으로, ID-PID 형식의 테이블에 데이터 바인딩을 허용합니다. 바인딩된 데이터 소스의 구성에서 향후 편리한 사용을 위해 추가 사용자 정의 매개변수를 구성할 수 있습니다.

데이터 소스 일반 설정

데이터 소스 바인딩 모드

Empty text트리 데이터 소스에 데이터가 없을 때 표시되는 콘텐츠입니다.
Tree Nodes Support Multi Selection

트리 노드의 다중 선택을 활성화 또는 비활성화합니다.

기본값 : 비활성화

Select The node When Click The Tree Node

이 옵션이 활성화되어 있으면 트리 노드의 라벨을 클릭해도 체크박스가 선택됩니다.

기본값 : false

참고: 이 속성은 다중 선택 모드가 활성화된 경우에만 적용됩니다.

Expand All Tree Nodes By Default

이 옵션을 활성화하면 모든 노드가 기본적으로 확장됩니다.

기본값 : false

Expand/Collapse Tree Node When Click The Tree Node

이 옵션이 활성화되어 있으면 트리 노드의 라벨을 클릭하면 확장되거나 축소됩니다. 비활성화되어 있으면 왼쪽에 있는 확장/축소 아이콘만 클릭하면 확장되거나 축소됩니다.

기본값 : true

Only Can Expand One Level Node

이 옵션을 활성화하면 한 번에 한 단계의 트리만 확장할 수 있습니다.

기본값 : false

Highlight The Selected Node

이 옵션을 활성화하면 선택된 트리 노드의 배경색이 강조 표시됩니다.

기본값 : false

Enable The Drag And Drop Function

이 옵션을 활성화하면, 트리 노드를 끌 수 있으며, 끌기 작업이 완료된 후 노드 끌기 이벤트가 트리거됩니다.

기본값 : false