| Table of Contents | ||||
|---|---|---|---|---|
|
...
Summary
BackOffice Builder는 32개의 30개의 입력 컴포넌트를 제공한다.
No | Component | Description | |||
|---|---|---|---|---|---|
1 |  | ||||
2 |  입력 필드의 자동 완성 기능이 필요한 경우 사용 | ||||
3 | Text Input |  텍스트 정보를 입력 받을 경우 사용 | |||
4 |  멀티 라인 텍스트 인풋 박스로 긴 텍스트 입력이 필요 할 경우 사용 | ||||
5 |   텍스트, 이미지, 영상, 표, 목록, 라인, 에디팅 편집 기능이 필요한 경우 사용 | ||||
6 |   코딩 기능이 필요한 경우 사용 | ||||
7 |   코딩 기능 중 Json이 필요한 경우 사용 | ||||
8 |   Include Type으로 컴포넌트와 아이프레임이 필요한 경우 사용 | ||||
9 |  여러 데이터의 중복 선택이 필요한 경우 사용 | ||||
10 |  여러 데이터 중 1개만 선택해야 하는 경우 사용 | ||||
11 |  연관된 데이터 세트에서 쉽게 선택할 수 있도록 다단계 분류가 적용된 셀렉트 박스 | ||||
12 |  여러가지 데이터를 Cascader로 선택해야 하는 경우 사용 | ||||
13 |   숫자 입력이 필요한 경우 사용 | ||||
14 |   창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용 | ||||
15 |  트리형 데이터를 선택하는 경우 사용 | ||||
16 |  Modal에서 데이터 검색을 하여 선택하는 경우 사용 | ||||
17 |   비밀번호를 입력받는 경우 사용 | ||||
18 |   칼라 선택이 필요한 경우 사용 | ||||
19 |   파일 업로드가 필요한 경우 사용 | ||||
20 |  이미지 파일 업로드가 필요한 경우 사용 | ||||
21 |  우편번호 검색 기능을 가진 컴포넌트 | ||||
22 |  주소를 입력 받는 경우 사용 | ||||
23 |   지도 입력이 필요한 경우 사용 | ||||
24 | GoogleMap |  구글 지도 입력이 필요한 경우 사용 | 25 | 날짜 정보를 선택하여 입력해야 하는 경우 사용 | |
2625 | 시작 날짜와 종료 날짜를 선택하여 입력 받아야 하는 경우 사용 | ||||
2726 | 시간 정보를 선택하여 입력해야 하는 경우 사용 | ||||
2827 | 시작 시간과 종료 시간을 선택하여 입력 받아야 하는 경우 사용 | ||||
2928 |  미리 정해진 범위 내의 숫자값을 선택하여 입력받는 경우 사용 | ||||
3029 |  평가 정보를 표시해야 하는 경우 사용 | ||||
3130 |  분류 또는 마크업을 위한 태그 지정이 필요한 경우 사용 | 32 | HistoryTable | 컨테이너와 차이 확인 필요
...
Input Status
입력 컴포넌트의 상태는 아래와 같이 4가지로 표현된다.
...
No | Type | Components |
|---|---|---|
1 | 문자형(String) | AutoComplete, Text, Textarea, TextEditor, Password, Tags |
2 | 선택형(Select) | Boolean, Checkbox, Radio, Cascader, Select |
3 | 삽입형(Insert) | File, Image |
4 | 숫자형(Number) | Number, Rate, Slider, Color |
5 | 날짜/시간형(Date/Time) | Date, DateRange, Time, TimeRange |
6 | 위치형(Place) | Zipcode, Location, Map, GoogleMap |
7 | 특수형(Special) | CodeEditor, JsonEditor, Include |
...
No | Component | Preview |
|---|---|---|
1 | Number Input |  |
2 | Rate |  |
3 | Slider |  |
4 | Color |    |
5. Date/Time Type
...
No | Component | Preview | |
|---|---|---|---|
1 | Zipcode |  | |
2 | Location |  | |
3 | Map 4 | GoogleMap |
7. Special Type
No | Component | Preview |
|---|---|---|
1 | CodeEditor |  |
2 | JsonEditor |  |
3 | Include |  |
...
필드의 사이즈를 비율로 조절할 수 있다.
...
3. Fixed Field Size
Label 텍스트 길이에 따라 입력 필드의 가로 길이가 가변적으로 변하는데, Fixed Field Size 옵션을 사용하여 입력 필드 사이즈를 직접 설정하고 고정시킬 Laytout > Col 사이즈를 기준으로 배치한 입력 컴포넌트의 필드 사이즈를 비율로 고정할 수 있다.
...
4. Default Value
디폴트 값을 미리 설정 할 수 있다.
...