ConfirmWithClose, WarningConfirmWithClose API 의 추가

page no.  92079873

개요

기존의 Confirm 및 WarningConfirm API를 사용하여 닫기 동작을 수행할 때, 콜백 함수에는 파라미터가 전달되지 않았습니다.

새로운 API에서는 닫기 동작 시 콜백 함수에 null 파라미터가 전달되도록 기능이 추가되었습니다.

이를 이용해 닫기 동작을 보다 명확하게 구분하고 처리할 수 있습니다.

1. 기능 설명

   1.  닫기 동작이 수행될 때, 콜백 함수의 파라미터로 null 을 전달합니다.
      API 구조

      Parameter	DataType	Description
      msg	string	메세지
      title	string	제목
      callback	function	확인(예)/취소(아니오)/닫기(Esc) 후 실행되는 callback function 예제 코드 function callback (ok) { if (ok === true) { // '예' 또는 '확인' 버튼이 클릭된 경우의 동작 } else if (ok === false) { // '아니오' 또는 '취소' 버튼이 클릭된 경우의 동작 } else if (ok === null) { // 창이 '닫기' 버튼 또는 'Esc' 키로 닫힌 경우의 동작 } }
      buttonType	number	0: 예/아니오(기본값) 1: 확인/취소 값이 없거나 전달하지 않을 경우 기본값으로 설정

2. 사용 방법

   1. ConfirmWithClose

      예제 코드

      var msg = 'close 동작을 구분할 수 있는 확인창입니다.';
      var title = 'ConfirmWithClose';
      	
      Matrix.ConfirmWithClose(msg ,title ,function (ok) {
      		if (ok === true) {
             		// '예' 또는 '확인' 버튼이 클릭된 경우의 동작
      			console.log("사용자가 '예' 또는 '확인'을 클릭했습니다.");
             	} else if (ok === false) {
             		// '아니오' 또는 '취소' 버튼이 클릭된 경우의 동작
      			console.log("사용자가 '아니오' 또는 '취소'를 클릭했습니다.");
             	} else if (ok === null) {
             		// 창이 '닫기' 버튼 또는 'Esc' 키로 닫힌 경우의 동작
      			console.log("사용자가 창을 '닫기' 버튼으로 닫았거나 'Esc' 키를 눌렀습니다.");
             	}
          }, 0 /* 예/아니오 */);

   2. WarningConfirmWithClose

      예제 코드

      var msg = 'close 동작을 구분할 수 있는 확인창입니다.';
      var title = 'WarningConfirmWithClose';
      	
      Matrix.WarningConfirmWithClose(msg ,title ,function (ok) {
      		if (ok === true) {
             		// '예' 또는 '확인' 버튼이 클릭된 경우의 동작
      			console.log("사용자가 '예' 또는 '확인'을 클릭했습니다.");
             	} else if (ok === false) {
             		// '아니오' 또는 '취소' 버튼이 클릭된 경우의 동작
      			console.log("사용자가 '아니오' 또는 '취소'를 클릭했습니다.");
             	} else if (ok === null) {
             		// 창이 '닫기' 버튼 또는 'Esc' 키로 닫힌 경우의 동작
      			console.log("사용자가 창을 '닫기' 버튼으로 닫았거나 'Esc' 키를 눌렀습니다.");
             	}
          }, 0 /* 예/아니오 */);