웹 UI 라이브러리인 GWC에서 제공하는 gwcConfirm 함수에 대한 예제 코드입니다.
먼저 DOM 구성은 다음과 같습니다.
그리고 CSS 구성은 다음과 같구요.
.center {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
js 코드는 다음과 같습니다.
window.onload = () => {
button.onclick = event => {
gwcConfirm("데이터를 서버에 저장할까요?",
() => { gwcMessage("완벽하게 저장했습니다.") },
() => { gwcMessage("저장하지 않았습니다.", true) },
() => { gwcMessage("취소했습니다.")}
);
};
};
실행 결과는 다음과 같습니다.
