Versions Compared

Key

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

Table of Contents

폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 입력형 기본 컴포넌트를 컨트롤 엘리먼트(control elements)로 사용하고 있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.

...

No

Basic Form

Description

1

Default Form

2

Form with History

엘리먼트

폼(Form) 내에서 사용되는 엘리먼트는 5가지 타입으로 분류 할 수 있다.

...

No

...

Data Type

...

Components

...

1

...

숫자형(Integer)

...

Number, Rate, Slider

...

2

...

문자형(String/Text)

...

Text, Textarea, TextEditor, Password, Tags, Color

...

3

...

날짜형(Date)

...

Date, BirthDate, DateRange, DateTime, DateTimeRange

...

4

...

삽입형(File/Image)

...

File, Image, ImageEditor

...

5

...

선택형(boolean/Reference)

...

Switch, Radio, Select, Cascader, Checkbox, Transfer, Button

PropertyType 에 따라 적용 가능한 컴포넌트 종류가 상이함으로 FormElements 목록을 확인하자.

1. 숫자형 : Integer

...

No

...

Elements

...

Description

...

1

...

Number Input

...

2

...

Rate

...

3

...

Slider

...

2. 문자형 : String/Text

...

No

...

Elements

...

Description

...

1

...

Text

...

2

...

Textarea

...

3

...

TextEditor

...

4

...

Password

...

5

...

Tags

...

6

...

Color

...

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

...

Error

5. 선택형 : boolean/Reference

Switch, Radio, Select, Cascader, Checkbox, Transfer, Button

No

Elements

Description

1

Switch(Boolean)

Image RemovedImage Removed

2

Radio

Image Removed

3

Select

Image Removed

4

Select-Multiple

Image Removed

5

Casader

Image Removed

6

Casader-Multiple

Image Removed

7

Checkbox

Image Removed

8

Transfer

Image Removed

9

Button

Image Removed

...

셋팅 옵션

BackOffice Builder의 Form > Setting > [Option] 설정을 통해 입력 폼(Form)의 컨트롤 요소를 변경한다.

...