通知 Notification
一、notification.alert
对话框 notification.alert
响铃 notification.beep
震动 notification.vibrate
1. 增加插件
cordova plugin add cordova-plugin-network-information
cordova plugin add cordova-plugin-dialogs
2. 在网络掉线的时候弹出Dialog
使用navigator.notification.alert 这个方法，
|
1
2
3
4
5
|
navigator.notification.alert('掉线了',
app.alertDismissed,
'网络状态',
'知道了'
);
|
alertDismissed是关闭时候的方法
|
1
2
3
|
alertDismissed: function(){
console.log("关掉了");
}, |
3. 断网后效果如下图
二、确认通知
notification.confirm
1. 可以定制多个按钮
|
1
2
3
4
5
6
7
|
//显示对话框showConfirm: function(){
navigator.notification.confirm('软件有新版本了',
app.onConfirm,
'软件更新',
['以后再说','立即下载']);
}, |
|
1
|
onConfirm为点击按钮的方法 |
|
1
2
3
4
5
6
7
8
|
//点击不同按钮要做的事onConfirm: function(buttonIndex){
if(buttonIndex == 1){
console.log("以后再说");
}else{
console.log("立即下载");
}
}, |
buttonIndex从1开始
|
1
|
<br><br> |
2. 在onDeviceReady中调用此方法
3. 最终效果图
三、提示窗口
notification.prompt
对话框中带有文本框
1. 调用方法
|
1
2
3
4
5
6
7
8
9
10
|
//带有文本框的dialogshowPrompt:function(){
navigator.notification.prompt(
'请输入文本',
app.onPrompt,
'注册',
['取消','确认'],
'张三丰'
)
}, |
onPrompt方法
|
1
2
3
|
onPrompt:function(result){
console.log("用户点击了按钮： " +result.buttonIndex + '用户输入的内容:' + result.input1);
}, |
2 效果图：
本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/7069920.html，如需转载请自行联系原作者