Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

...

폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, Input Component 를 컨트롤 엘리먼트(control elements)로 사용한다. 폼 컨테이너를 List, Tree, Tab, Steps, Modal Button 등의 컴포넌트와 함께 사용하여 다양한 Form Patterns 페이지를 구성할 수 있다.

폼(Form)이 입력을 위한 컴포넌트라면, 백오피스에서 사용되는 뷰(View) 컴포넌트는 Form 으로 작성한 페이지를 사용자에게 그대로 보여 주는 것이다. Title input , Custom Title Style 을 제외한 모든 셋팅 옵션이 폼(Form)과 동일하다출력을 위한 것이다. 폼(Form)과 설정 옵션은 모두 동일하며, 이미 만든 폼(Form)을 활용하여 뷰(View) 페이지로 활용할 수도 있다.

Setup

1. Create New

폼 컴포넌트를 추가하면 다음과 같이 기본 셋팅 화면이 출력된다. Data를 입력 받을 Target NodeType, Form Type, 타이틀 입력, 자동 저장, API와 Parent ID 사용 여부를 설정 할 수 있다.

...

필드간의 Row 그리드 간격을 조절할 수 있다.
※ 기능 확인 불가 (

Status
colourPurple
titleant
Grid Gutter )

...

Status
colourRed
titleneed check
3개 모두 같은 기능의 옵션인지 확인 필요!

3. Tooltip
Status
colourRed
titleneed check

툴팁을 사용하면, Form Title 옆에 물음표 아이콘이 추가되고, 마우스 오버 시 입력한 안내 문구가 출력된다.

※ 기능 확인 불가 : https://ionsdp.atlassian.net/browse/ICE4-2066

...

Status
colourGreen
titleTIP
Use Sub Tab

When we turn on the “Enable Tab Fields” will display and it filter with value types are PART,PARTS,REFERENCE,REFERENCES,PARENT,REFERENCED,CHILDREN 

탭에 Form이 연결되었을 경우 출력되는 옵션인지 OR 폼 내에 Tab을 만드는 옵션인지 확인 필요!

ex. Tab, Steps, List, Tree Form Patterns

6. Timer
Status
colourYellow
titlenew
Status
colourRed
titletbd

...

Status
colourYellow
titlenew
Status
colourRed
titletbd
Enable List Event Buttons [Reset]

Status
colourGreen
titleTIP
Event Buttons [Reset]

- Reset : 폼에 입력된 데이터를 모두 초기화

...