このプラグインは、グローバル navigator.notification
オブジェクトを介していくつかネイティブ ダイアログの UI 要素へのアクセスを提供します。
オブジェクトは、グローバル スコープの ナビゲーター
に添付、それがないまで 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(message, alertCallback, [title], [buttonName])
メッセージ: ダイアログ メッセージ。(文字列)
alertCallback: 警告ダイアログが閉じられたときに呼び出すコールバック。(機能)
タイトル: ダイアログのタイトル。(文字列)(省略可能、既定値はAlert
)
buttonName: ボタンの名前。(文字列)(省略可能、既定値はOK
)
function alertDismissed() {
// do something
}
navigator.notification.alert(
'You are the winner!', // message
alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
組み込みのブラウザー警告がない呼び出しを次のように 1 つをバインドすることができます alert()
、グローバル スコープで。
window.alert = navigator.notification.alert;
両方の alert
と confirm
は非ブロッキング呼び出し、結果は非同期的にのみ利用できます。
ネイティブ ブロック window.alert()
と非ブロッキング navigator.notification.alert()
があります。
navigator.notification.alert ('text' コールバック 'title'、'text')
コールバック パラメーターは数 1 に渡されます。
カスタマイズ可能な確認のダイアログ ボックスが表示されます。
navigator.notification.confirm(message, confirmCallback, [title], [buttonLabels])
メッセージ: ダイアログ メッセージ。(文字列)
confirmCallback: インデックス (1、2、または 3) を押されたボタンまたはダイアログ ボックスは、ボタンを押す (0) なしに解雇されたときに呼び出すコールバック。(機能)
タイトル: ダイアログのタイトル。(文字列)(省略可能、既定値はConfirm
)
buttonLabels: ボタンのラベルを指定する文字列の配列。(配列)(省略可能、既定値は [ OK,Cancel
])
confirmCallback
は、いずれかの確認ダイアログ ボックスでボタンを押したときに実行します。
コールバックは、引数 buttonIndex
(番号) は、押されたボタンのインデックス。 インデックスがインデックス 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
);
組み込みブラウザーの機能はありません window.confirm
が割り当てることによってバインドすることができます。
window.confirm = navigator.notification.confirm;
呼び出しを alert
と confirm
では非ブロッキング、結果は非同期的にのみ使用できます。
Windows8/8.1 の MessageDialog インスタンスを 3 つ以上のボタンを追加することはできません。
Windows Phone 8.1 に 2 つ以上のボタンを持つダイアログを表示することはできません。
ネイティブ ブロック window.confirm()
と非ブロッキング navigator.notification.confirm()
があります。
ブラウザーの プロンプト
機能より詳細にカスタマイズはネイティブのダイアログ ボックスが表示されます。
navigator.notification.prompt(message, promptCallback, [title], [buttonLabels], [defaultText])
メッセージ: ダイアログ メッセージ。(文字列)
promptCallback: インデックス (1、2、または 3) を押されたボタンまたはダイアログ ボックスは、ボタンを押す (0) なしに解雇されたときに呼び出すコールバック。(機能)
title: タイトル (String) (省略可能、既定 プロンプト
ダイアログ)
buttonLabels: ボタンのラベル (配列) (省略可能、既定値 ["OK"、「キャンセル」]
を指定する文字列の配列)
defaultText: 既定テキスト ボックスの入力値 (文字列
) (省略可能、既定: 空の文字列)
promptCallback
は、プロンプト ダイアログ ボックス内のボタンのいずれかを押したときに実行します。コールバックに渡される results
オブジェクトには、次のプロパティが含まれています。
buttonIndex: 押されたボタンのインデックス。*(数)*インデックスがインデックス 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
);
Android は最大 3 つのボタンをサポートしているし、それ以上無視します。
アンドロイド 3.0 と後、ホロのテーマを使用するデバイスを逆の順序でボタンが表示されます。
ネイティブ ブロック window.prompt()
と非ブロッキング navigator.notification.prompt()
があります。
デバイス サウンドをビープ音を再生します。
navigator.notification.beep(times);
// Beep twice!
navigator.notification.beep(2);
Tizen は、メディア API 経由でオーディオ ファイルを再生してビープ音を実装します。
ビープ音ファイル短い、sounds
アプリケーションのルート ディレクトリのサブディレクトリである必要があり。、beep.wav
という名前である必要があります。.