Form

List 형태가 아닌 항목별로 구분되어 조회, 입력 및 수정되는 Form 형태의 Screen을 구성하는 Component이며, BO의 Field를 Form Component의 Control에 Mapping하여 사용된다.

• How to Create

1. New Component Popup 창에서 Form을 선택한다. (Step1)
2. Screen에 적용할 Layout Type을 설정한다. (Step2)

INFO

Note: 화면 구성의 편의를 위해서 1~4개로 분할된 Layout Type을 제공한다. 이 가운데 적절한 Layout을 선택하여 Component Canvas(Detail)에서 작업 영역을 설정하고 Component를 구성할 수 있다.

3. Component Name 및 화면에서 표시되어야 할 명칭(Symbolic String or Custom Name)을 작성한다.
4. Component에 사용될 Business Object을 선택한 뒤, Component에서 사용될 Business Object의 Field를 선택한다.

• 적용 가능한 Component Attribute

1. Tab Pane Id: Tab Component로 Screen이 구성되는 경우, 하단에 해당 Component가 배치되는 경우 Tab Component의 Panel Id값을 등록하여 Tab과 연결하기 위하여 사용된다..
2. Label: Field의 Label로 사용되며, 보여지는 위치를 변경할 수 있다. (Top: 위, Left: 좌측).
3. Display Full Size Fixed: Screen에 Component가 Screen의 화면에 Full-Sized로 표출된다.
4. Style - Background Color: Component의 배경색을 설정한다.
5. Style – Outline: Component 아웃라인의 타입을 설정한다.

• 사용 가능한 Service

Name	Platform	Description
load	Common	Data loading 시 발생되는 Event

• 사용 가능한 Control

1. Button: Click 또는 터치 시 발생되는 Event로 등록된 Action을 호출할 수 있다.
2. Hidden: Control을 Application 실행 시는 보이지 않게 숨길 수 있다.
3. Lookup: 선택을 하기 위한 Popup 창을 띄우고, 호출된 Popup 화면에서 Data 선택을 하는 Control이다.
4. Text: Input Text Form Control이다.
5. Select: Option을 선택할 수 있는 드롭다운 List, Select Control이며, Common Code로 등록한 Group Code를 설정하여 Select Control의 option 값으로 사용한다.
6. Editor: 단순한 문서 File을 편집하기 위한 Control이다.
7. Password: 패스워드 또는 민감한 정보의 표출 또는 입력을 Masking하여 처리하는 Control이다.
8. ImageUpload: Image Upload Control이다.
9. Textarea: Text에 비해 Control의 크기를 늘릴 수 있으며, 다중 Row의 텍스트를 입력할 수 있다.
10. Radio: Radio Button, Common Code로 등록한 Group Code를 설정하여 Radio Button의 항목들을 표출한다.
11. CheckBox: Checkbox Control이다.
12. DatePicker: 날짜를 입력하는 Control이며, 사용자가 쉽게 날짜를 선택할 수 있도록 한다.
13. DateTimePicker: 날짜와 시간을 입력하는 Control이며, 사용자가 쉽게 날짜와 시간을 선택할 수 있도록 한다.
14. TimeSelect: 사용자가 시간을 선택하고 지정된 형식으로 선택한 시간을 표시할 수 있도록 도와주는 Control이다.
15. Label: 출력 전용 Control이다. 고정된 값 또는 BO의 Field 값을 표시할 수 있다.
16. Dynamic: 동적 Control로 Component가 호출되어 화면에서 생성될 때, Service의 Action(Component-Interface, Control-Interface 등)에서 metaData로 Control Type을 설정하여 동적으로 생성 및 사용된다.
17. ZipCodeKR: 주소를 검색, 설정할 수 있으며, Component에서 주소 검색 후 우편번호, 주소, 상세주소 등을 Mapping할 수 있다.