Setup

Create New

트리 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. Data를 출력 할 테이블 NodeType, 테이블명 입력, Data Sync와 API 사용여부를 설정 할 수 있다.

Style Option

1. Hide Title

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

Hide Title{OFF}

2. No Padding

트리 컴포넌트의 패딩 영역 사용 여부를 ON/OFF로 설정 할 수 있다.

No Padding{ON}	No Padding{OFF}

3. Show Line

동일 레벨 트리 사이에 라인 표시 여부를 설정 한다.

Show Line{ON}	Show Line{OFF}

4. Show Icon

각각의 트리 Text 앞부분에 선택한 아이콘이 출력된다.

Select Icon: 기본 제공하는 아이콘 목록

https://ionsdp.atlassian.net/browse/ICE4-2334

Show Icon{ON}	Show Icon{OFF}

5. Show Leaf Icon

트리의 마지막 level에 아이콘 출력 여부를 선택할 수 있다.

Show Leaf Icon{ON}	Show Leaf Icon{OFF}

6. Custom Title Style

테이블 타이틀 스타일을 설정하는 기능이다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.

(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#Style-Set-Detail)

7. Custom Card Style

리스트 형태의 테이블을 카드 스타일로 변경 할 수 있다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.

(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#Style-Set-Detail)

Function Option

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

1. Drag Sort (ASIS: Draggable)

2. Show Root

Show Root{ON}	Show Root{OFF}

3. Uncancel Selection

Uncancel Selection{ON}	Uncancel Selection{OFF}

4. Context Menu

우클릭 메뉴 출력 옵션

Enable Tree Create Page
- Tree Create Page
Enable Tree Update Page
- Tree Update Page
Enable Tree View Page
- Tree View Page

5. Lable Field

트리에 출력 할 필드 라벨 다중 선택 가능

Events Option

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

Event Buttons

Enable Form Event Buttons
Data Select Field{No, Radio, checkbox}
Event Buttons Position
- Top/Bottom Event Buttons Align

Search Option

Search Tab의 상세 옵션 내용은 아래와 같다.

1. Search Bar

트리 상단에 트리명 검색바를 사용한다. 검색시 해당 키워드가 걸린 트리를 모두 Open한다.

Search Bar{ON}	Search Bar{ON} > Search “Root 1” Result

2. Connect Search Form

SearchForm 컴포넌트를 연동하여 출력하는 기능이다.

Tree