...
트리 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. Data를 출력 할 테이블 트리의 NodeType, 테이블명 트리 타이틀 입력, Data Sync와 API 사용여부를 설정 할 수 있다.
...
Show Line{ON} | Show Line{OFF} |
---|---|
4. Show Leaf Icon
Show Line{ON}
으로 설정 할 경우, 트리의 마지막 level에 아이콘 출력 여부를 선택 할 수 있다.
Show Leaf Icon{ON} | Show Leaf Icon{OFF} |
---|---|
5. Custom Tree Icon
Status | ||||
---|---|---|---|---|
|
트리의 기본 아이콘을 커스터마이징으로 변경 할 수 있다. https://ant.design/components/tree/#components-tree-demo-switcher-icon
...
Info |
---|
Custom Tree Icon{ON}, Select Tree Icon = ” |
...
5. Show Leaf Icon
트리의 마지막 level에 아이콘 출력 여부를 선택 할 수 있다.
...
Show Leaf Icon{ON}
...
Show Leaf Icon{OFF}
...
6. Use Sub Icon (ASIS: Show Icon)
...
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
)
Option Value | Sub Option |
Event Buttons Position | Top Event Buttons Align |
Event Buttons Position | Bottom Event Buttons Align |
Event Buttons Position | Top Event Buttons Align, Bottom Event Buttons Align |
...
Enable Search Bar Fields : 검색바의 검색 필터 필드 설정 (참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1691649763/Tree#5.-LableLabel-Field )
Search Bar & Label Field
Status
colour Green title tip Label Field{ON}에서 설정한 필드 목록이
Enable Search Bar Fields
목록에 출력> 출력된 필드 내에서 검색 필터 필드 선택 가능
...