BackOffice Builder에서 제공하는 버튼 컴포넌트 종류와 버튼 UI 셋팅 방법을 간략히 소개한다.
...
Link : 특정 링크 오픈
Create : 신규 생성
Delete : 선택 항목 삭제
Save : 설정 내용을 저장
Execute : 선택 내용 실행
Modal : Modal 형태로 간단한 입력폼(답변 등록/수정) 출력
Confirm : 확인창(Feedback)이 Modal 타입으로 출력
Excel : 엑셀 다운로드 실행
UploadExcel : 엑셀 업로드 창이 Modal 타입으로 출력
Select : ??
Download : 다운로드
Call >빌더에서 생성 불가
Call Back Check > 빌더에서 생성불가
...
Feedback Message
버튼 컴포넌트별 사용 가능한 메시지 형태와 설정 옵션은 아래와 같다.
액션 이후 메시지 : 액션 실행 후 성공/실패 메시지는 alert 형태로 고정되어 출력된다.
액션 이전 메시지 : 액션 실행 전 확인창은 popconfirm 혹은 modal 형태로 선택하여 사용 할 수 있다.
No | Component | Success | Error | Alert PopConfirm | Modal |
|---|---|---|---|---|---|
1 | Link | X | X | X | O |
2 | Create | O | O | O | O |
3 | Delete | O | O | O | O |
4 | Save | O | O | O | O |
5 | Execute | O | O | O | O |
6 | Modal | O | O | O | X |
7 | Confirm | O | O | O | X |
8 | Excel(Download) | X | X | X | X |
9 | UploadExcel | X | X | X | X |
10 | Select | X | X | X | X |
11 | Download | X | X | X | X |
...
| Status | ||||
|---|---|---|---|---|
|
Setting | Result |
 |  |
https://ant.design/components/popconfirm/
...
https://ant.design/components/modal/
...
...
...
Link Type
링크 버튼은 특정 URL을 11가지 타입으로 URL 오픈 할 수 있다.
Modal : Modal로 출력
Page : Page로 이동
Window : 새로운 Window 창으로 출력
Page in Component :
Page In Modal
Page In Grid
Close Modal
Set ParentId
Function
Print
PDF
...
버튼 클릭 후 액션(생성/삭제/저장/실행) 전에 메시지를 popconfirm 또는 modal 형태로 선택하여 출력 할 수 있다. 액션 성공/실패 시 메시지는 alert 로만 제공한다.
...
...
Modal
...
...
Comfirm
...
...
Excel(Download)
클릭 시 아래와 같이 엑셀 다운로드가 실행된다.
...
...
UploadExcel
클릭 시 아래와 같은 엑셀 업로드 창이 Modal 타입으로 출력된다.
...
...
UI
ICE4에서는 만들 수 있는 버튼은 총 5가지 유형으로 구분된다.
...
  |
|---|
...
Options_04. Icon, Hide Label/Border
...