...

• Tree Options Set Area : 트리 옵션을 Style, function, Events, Search 4가지 탭으로 제공

• Tree Click Set Area : 트리 항목을 Click 할 경우 발생하는 이벤트를 설정하는 영역

...

...

Option Detail

트리 옵션 설정 영역의 Tab 메뉴별 상세 내용은 다음과 같이 4가지로 나뉜다.

• Style : 기본으로 셋팅된 트리의 스타일 변경 또는 커스터마이징 스타일 등을 설정하는 영역

...

• function : 트리 드래그 기능, 우클릭 메뉴, Root 또는 필드 정보 출력 등의 추가 기능 설정 영역

...

• Events : 버튼을 설정하는 영역

...

Style Option

1. Hide Title

컴포넌트 Title은 기본 셋팅 옵션이다. 옵션 영역에서 테이블명을 노출/비노출로 설정 할 수 있다.

...

Function Tab의 상세 옵션 내용은 다음과 같다.

1.

...

Draggable

...

트리에서 사용 가능한 React-DND(Drag And Drop) 정렬 기능을 제공한다. 드래그 핸들러도 함께 사용 가능하다.

• Use Drag handler Field

  Status
  colour Yellow title NEW

  : 드래그 핸들러 아이콘 필드 사용 여부 추가 설정

Status
colour Green title TIP

Drag handler

테이블 첫번째 열에 드래그 핸들러 아이콘을 노출하여 사용자가 드래그 정렬 기능을 사용 할 수 있음을 쉽게 인지하도록 한다.

Status
colour Purple title ANT

Drag sorting with handler

Info
Draggable{ON}

...

2. Show Root

트리 Root 표시 여부를 설정 할 수 있다.

Show Root{ON}	Show Root{OFF}

3. Uncancel Selection

클릭하여 선택한 트리 항목을 다시 클릭 하였을때 Selected 상태가 유지되는 기능이다.

Click No	Uncancel Selection{ON}	Uncancel Selection{OFF}
1
2

4. Context Menu

우클릭 메뉴 출력 옵션트리 각각의 항목에서 우클릭을 진행 할 경우, 메뉴를 출력하는 기능이다.

• Enable Tree Create Page

  • Tree Create Page

• Enable Tree Update Page

  • Tree Update Page

• Enable Tree View Page

  • Tree View Page

...