cordova-plugin-dialogs
이 플러그인 글로벌 navigator.notification
개체를 통해 몇 가지 기본 대화 상자 UI 요소에 액세스할 수 있습니다.
개체 navigator
글로벌 범위 첨부 아니에요 때까지 사용할 수 있는 deviceready
이벤트 후.
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(navigator.notification);
}
설치
cordova plugin add cordova-plugin-dialogs
메서드
navigator.notification.alert
navigator.notification.confirm
navigator.notification.prompt
navigator.notification.beep
navigator.notification.alert
사용자 지정 경고 또는 대화 상자를 보여 줍니다. 이 기능에 대 한 기본 대화 상자를 사용 하는 대부분의 코르도바 구현 하지만 일부 플랫폼은 일반적으로 덜 사용자 정의할 수 있는 브라우저의 alert
기능을 사용 합니다.
navigator.notification.alert(message, alertCallback, [title], [buttonName])
-
message: 대화 메시지. (문자열)
-
alertCallback: 콜백을 호출할 때 경고 대화 기 각. (기능)
-
title: 제목 대화 상자. (문자열) (옵션, 기본값:
Alert
) -
buttonName: 단추 이름. (문자열) (옵션, 기본값:
OK
)
예를 들어
function alertDismissed() {
// do something
}
navigator.notification.alert(
'You are the winner!', // message
alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
지원 되는 플랫폼
- 아마존 화재 운영 체제
- 안 드 로이드
- 블랙베리 10
- Firefox 운영 체제
- iOS
- Tizen
- Windows Phone 7과 8
- 윈도우 8
- 윈도우
Windows Phone 7, 8 특수
-
아니 내장 브라우저 경고 하지만 다음과 같이 전화를 바인딩할 수 있습니다
alert()
전역 범위에서:window.alert = navigator.notification.alert;
-
둘 다
alert
와confirm
는 비차단 호출, 결과 비동기적으로 사용할 수 있습니다.
파이어 폭스 OS 단점:
기본 차단 window.alert()
및 차단 되지 않은 navigator.notification.alert()
사용할 수 있습니다.
블랙베리 10 단점
navigator.notification.alert ('텍스트', 콜백, '제목', '텍스트')
콜백 매개 변수 1 번을 전달 됩니다.
navigator.notification.confirm
사용자 정의 확인 대화 상자가 표시 됩니다.
navigator.notification.confirm(message, confirmCallback, [title], [buttonLabels])
-
message: 대화 메시지. (문자열)
-
confirmCallback: 인덱스 버튼 (1, 2 또는 3) 또는 대화 상자 버튼을 누르면 (0) 없이 기 각 될 때 호출할 콜백 합니다. (기능)
-
title: 제목 대화 상자. (문자열) (옵션, 기본값:
Confirm
) -
buttonLabels: 단추 레이블을 지정 하는 문자열 배열입니다. (배열) (옵션, 기본값은 [
OK,Cancel
])
confirmCallback
confirmCallback
는 사용자가 확인 대화 상자에서 단추 중 하나를 누를 때 실행 합니다.
콜백이 걸립니다 인수 buttonIndex
(번호)를 누르면된 버튼의 인덱스입니다. Note 인덱스에서는 인덱싱 1 시작 값은 1
, 2
, 3
, 등등.
예를 들어
function onConfirm(buttonIndex) {
alert('You selected button ' + buttonIndex);
}
navigator.notification.confirm(
'You are the winner!', // message
onConfirm, // callback to invoke with index of button pressed
'Game Over', // title
['Restart','Exit'] // buttonLabels
);
지원 되는 플랫폼
- 아마존 화재 운영 체제
- 안 드 로이드
- 블랙베리 10
- Firefox 운영 체제
- iOS
- Tizen
- Windows Phone 7과 8
- 윈도우 8
- 윈도우
Windows Phone 7, 8 특수
-
에 대 한 기본 제공 브라우저 함수가
window.confirm
, 그러나 할당 하 여 바인딩할 수 있습니다:window.confirm = navigator.notification.confirm;
-
호출
alert
및confirm
되므로 차단 되지 않은 결과만 비동기적으로 사용할 수 있습니다.
윈도우 특수
-
Windows8/8.1에 3 개 이상 단추 MessageDialog 인스턴스를 추가할 수는 없습니다.
-
Windows Phone 8.1에 두 개 이상의 단추와 대화 상자 표시 수는 없습니다.
파이어 폭스 OS 단점:
기본 차단 window.confirm()
및 차단 되지 않은 navigator.notification.confirm()
사용할 수 있습니다.
navigator.notification.prompt
브라우저의 프롬프트
함수 보다 더 많은 사용자 정의 기본 대화 상자가 표시 됩니다.
navigator.notification.prompt(message, promptCallback, [title], [buttonLabels], [defaultText])
-
message: 대화 메시지. (문자열)
-
promptCallback: 인덱스 버튼 (1, 2 또는 3) 또는 대화 상자 버튼을 누르면 (0) 없이 기 각 될 때 호출할 콜백 합니다. (기능)
-
title: 제목 대화 상자. (문자열) (옵션, 기본값:
Prompt
) -
buttonLabels: 버튼 레이블 (배열) (옵션, 기본값
["확인", "취소"]을
지정 하는 문자열의 배열) -
defaultText: 기본 텍스트 상자에 값 (
문자열
) 입력 (옵션, 기본값: 빈 문자열)
promptCallback
promptCallback
는 사용자가 프롬프트 대화 상자에서 단추 중 하나를 누를 때 실행 합니다. 콜백에 전달 된 results
개체에는 다음 속성이 포함 되어 있습니다.
-
buttonIndex: 눌려진된 버튼의 인덱스. (수) Note 인덱스에서는 인덱싱 1 시작 값은
1
,2
,3
, 등등. -
input1: 프롬프트 대화 상자에 입력 한 텍스트. (문자열)
예를 들어
function onPrompt(results) {
alert("You selected button number " + results.buttonIndex + " and entered " + results.input1);
}
navigator.notification.prompt(
'Please enter your name', // message
onPrompt, // callback to invoke
'Registration', // title
['Ok','Exit'], // buttonLabels
'Jane Doe' // defaultText
);
지원 되는 플랫폼
- 아마존 화재 운영 체제
- 안 드 로이드
- Firefox 운영 체제
- iOS
- Windows Phone 7과 8
- 윈도우 8
- 윈도우
안 드 로이드 단점
-
안 드 로이드 최대 3 개의 단추를 지원 하 고 그것 보다는 더 이상 무시 합니다.
-
안 드 로이드 3.0 및 나중에, 단추는 홀로 테마를 사용 하는 장치에 대 한 반대 순서로 표시 됩니다.
윈도우 특수
- 윈도우에서 프롬프트 대화 같은 네이티브 api의 부족으로 인해 html 기반 이다.
파이어 폭스 OS 단점:
기본 차단 window.prompt()
및 차단 되지 않은 navigator.notification.prompt()
사용할 수 있습니다.
navigator.notification.beep
장치는 경고음 소리를 재생 합니다.
navigator.notification.beep(times);
- times: 경고음을 반복 하는 횟수. (수)
예를 들어
// Beep twice!
navigator.notification.beep(2);
지원 되는 플랫폼
- 아마존 화재 운영 체제
- 안 드 로이드
- 블랙베리 10
- iOS
- Tizen
- Windows Phone 7과 8
- 윈도우 8
아마존 화재 OS 단점
- 아마존 화재 운영 체제 기본 설정/디스플레이 및 사운드 패널에 지정 된 알림 소리 재생 됩니다.
안 드 로이드 단점
- 안 드 로이드 기본 알림 벨소리 설정/사운드 및 디스플레이 패널에서 지정 합니다.
Windows Phone 7, 8 특수
- 코르 도우 바 분포에서 일반 경고음 파일에 의존합니다.
Tizen 특수
-
Tizen은 미디어 API 통해 오디오 파일을 재생 하 여 경고음을 구현 합니다.
-
경고음 파일 짧은 되어야 합니다, 응용 프로그램의 루트 디렉터리의
소리
하위 디렉터리에 위치 해야 합니다 및beep.wav
는 명명 된.