Setup

Create New

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

Style Option

1. Hide Title

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

2. No Padding

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

No Padding{ON}	No Padding{OFF}

3. Show Line

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

Show Line{ON}	Show Line{OFF}

4. Custom Title Style

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

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

5. Custom Card Style

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

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

Function Option

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

1. Show Icon

Show Icon{ON}	Show Icon{OFF}

2. Drag Sort (ASIS: Draggable)

3. Show Root

Show Root{ON}	Show Root{OFF}

4. Uncancel Selection

Uncancel Selection{ON}	Uncancel Selection{OFF}

5. Context Menu

6. Enable Tree Create Page

• Tree Create Page

7. Enable Tree Update Page

• Tree Update Page

8. Enable Tree View Page

• Tree View Page

9. Lable Field?????

Events Option

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

Enable Form Events

Event Buttons

• Enable Form Event Buttons

• Data Select Field{No, Radio, checkbox} > How to delete

• Event Buttons Position

  • Top/Bottom Event Buttons Align

Search Option

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

1. Search Bar

트리 상단에 트리명 검색바를 사용한다.

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

2. Connect Search Form

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