Page Comparison

...

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

...

Show Line{ON}	Show Line{OFF}

4. Show

...

각각의 트리 Text 앞에 선택한 아이콘이 추가로 출력된다.

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

...

Leaf Icon

Show Line{ON}으로 설정 할 경우, 트리의 마지막 level에 아이콘 출력 여부를 선택 할 수 있다.

Show Leaf Icon{ON}	Show Leaf Icon{OFF}
Image RemovedImage Added	Image Removed

5. Show Leaf Icon

...

Image Added

5. Custom Tree Icon

Status
colour Yellow title new

트리의 기본 아이콘을 커스터마이징으로 변경 할 수 있다. https://ant.design/components/tree/#components-tree-demo-switcher-icon

• Select Tree Icon : 아이콘 목록에서 트리 아이콘 선택

Status
colour Green title tip

Select Tree Icon

아이콘 선택은 1개만 진행하며, 선택된 아이콘이 Collapse/Expand 상황에 맞추어 회전된다.

...

6. Use Sub Icon (ASIS: Show Icon)

트리의 기본 아이콘 뒤에 특정 아이콘을 추가로 출력할 수 있다.

• Select Leaf Sub Icon: 기본 제공하는 Leaf 아이콘 목록아이콘 목록에서 서브 아이콘 선택

Show Leaf Icon{ON}	Show Leaf Icon{OFF}
Image RemovedImage Added	Image RemovedImage Added

...

7. Custom Title Style

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

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

...

8. Custom Card Style

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

...

• Enable Form Event Buttons : 이벤트 버튼 목록(Create, Read, Update, Delete, List)

• Select Tree Data

  Status
  colour Yellow title new

  : 체크박스 형태의 트리 데이터 선택 기능 사용 설정(No Use, Checkbox)

• Event Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

  • Top/Bottom Event Buttons Align : 버튼 정렬 선택(Left, Center, Right)

...

• Enable Search Bar Fields : 검색바의 검색 필터 필드 설정 (참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1691649763/Tree#5.-LableLabel-Field )

Status
colour Green title tip

Search Bar & Label Field

Label Field{ON}에서 설정한 필드 목록이 Enable Search Bar Fields 목록에 출력

> 출력된 필드 내에서 검색 필터 필드 선택 가능

...