...
폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 다양한 컨트롤 엘리먼트(control elements) 컴포넌트로 구성되어있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.
...
컴포넌트
데이터 타입에 따라 적용 할 수 있는 컴포넌트 종류는 상이하다. PropertyType 폼(Form) 내에서 사용되는 기본 컴포넌트는 5가지 타입으로 분류 할 수 있다.
No | Value Data Type | Component OptionsComponents |
|---|---|---|
1 | 숫자형(Integer) | Number, Rate, Slider |
2 | 문자형(StringColor, DateRange, Password, Slider, Tags, /Text) | Text, Textarea, TextEditor |
3 | Text | CodeEditor, JsonEditor, Text, Textarea, TextEditor |
4 | Date, Password, Tags, Color, DateRange | |
3 | 날짜형(Date) | Date, BirthDate, DateRange, DateTime, DateTimeRange |
54 | 업로드형(File/Image) | File, Image, ImageEditor |
65 | 선택형(boolean/Reference) | AutoCompleteSwitch, Radio, Select, Cascader, Checkbox, Transfer… |
7 | boolean | Switch |
...
Transfer, Button |
※ PropertyType 에 따라 적용 가능한 컴포넌트 종류가 상이함
1. Integer
No | Elements | Description |
|---|---|---|
1 | Number Input |  |
2 | Rate |  |
3 | Slider |  |
2. String/Text
No | Elements | Description |
|---|---|---|
1 | Text |  |
2 | Number Input | |
3 | Textarea |  |
4 | Select |  |
5 | ||
2 | Textarea |  |
3 | TextEditor | |
4 | Color | |
5 | DateRange | |
6 | Password | |
7 | Tags |
3. Date
Date, BirthDate, DateRange, DateTime, DateTimeRange
No | Elements | Description |
|---|---|---|
1 | Date |  |
2 | BirthDate | |
3 | DateRange | |
4 | DateTime | |
5 | DateTimeRange |
4. File/Image
File, Image, ImageEditor
No | Elements | Description |
|---|---|---|
1 | File |   |
2 | Image |  |
3 | ImageEditor |
5. boolean/Reference
Switch, Radio, Select, Cascader, Checkbox, Transfer, Button
No | Elements | Description | ||
|---|---|---|---|---|
1 | Select | | ||
2 | Select-Multiple |  | ||
63 | Switch  |    | ||
74 | ||||
| Slider 5 | | 8 | Radio |  |
96 | Checkbox |  | ||
107 | ||||
8 | ||||
| Rate 9 | ||||
 10 | ||||
11 | Upload | | ||
12 | Dragger |  | ||
Date | | |||
12 | Buttons |  |
...
UI 유형
폼(Form)의 유형은 5가지로 구분한다.
No | Basic Form | Description |
|---|---|---|
1 | Login Form | |
2 | Registration | |
3 | Commerce | |
4 | Contents | |
5 |
...