BackOffice Builder에서 제공하는 버튼 컴포넌트 종류와 버튼 UI 셋팅 방법을 간략히 소개한다.
...
Link : 특정 링크 오픈
Create : 신규 생성
Delete : 선택 항목 삭제
Save : 설정 내용을 저장
Execute : 선택 내용 실행
Modal : Modal 형태로 간단한 입력폼(답변 등록/수정) 출력
Confirm : 확인창(Feedback)이 Modal 타입으로 출력
Excel : 클릭 시 엑셀 파일 다운로드 실행
UploadExcel : 엑셀 업로드 창이 Modal 타입으로 출력
Select : ??
Download : 다운로드
Call >빌더에서 생성 불가
Call Back Check > 빌더에서 생성불가
Status | ||||
---|---|---|---|---|
|
Modal | Confirm |
---|---|
Excel(Download) | UploadExcel |
...
ButtonLink 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
Modal
...
Comfirm
...
Excel(Download)
...
UploadExcel
...
...
UI
ICE4에서는 만들 수 있는 버튼은 총 5가지 유형으로 구분된다.
...
|
---|
...
Options_04. Icon, Hide Label/Border
...
버튼 컴포넌트 각각의 Feedback 메시지 옵션 사용 가능 여부는 아래와 같다.
No | Component | Success | ErrorAfter Button Event | Before Button Event | ||
---|---|---|---|---|---|---|
Alert( Success | Error ) | 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/
...