18模块-nativeUI【管理系统一些常见的原生对话框】
nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
function one(){
var btnlist = [{color:'#23d4ff',title:'第一个'},
{color:'#23d4ff',title:'第二个'},
{color:'#23d4ff',title:'第三个'}];
plus.nativeUI.actionSheet({title:'请选择类型',cancel:'取消',buttons:btnlist},function(e){
if(e.index==0){
alert('您点击了取消')
}else{
alert('您点击了'+e.index);
}
});
}
function two(){
plus.nativeUI.alert('弹出系统提示对话框','','标题','确定');
}
function three(){
plus.nativeUI.confirm('弹出系统确认对话框',function(e){alert('点击了：'+e.index)},{title:'标题',buttons:['取消','确认']});
}
function four(){
plus.nativeUI.showWaiting('');//关闭系统等待对话
setTimeout(function(){plus.nativeUI.closeWaiting()},2000);//关闭系统等待对话框
}
function five(){
plus.nativeUI.previewImage([
'http://kindeditor.net/images/logo.png',
'http://tpc.googlesyndication.com/daca_images/simgad/18234711061423907143'
]);
}
function six(){
plus.nativeUI.pickDate(function(e){
alert(e.date);
},
function(e){
alert(e.message);
},{title:'请选择日期'});
}
function seven(){
plus.nativeUI.pickTime(function(e){
alert(e.date);
},
function(e){
alert(e.message);
});
}
function eight(){
plus.nativeUI.prompt('输入什么',
function(e){
alert('按钮索引'+e.index+'|输入的内容：'+e.value);
},'标题');
}
function nine(){
plus.nativeUI.toast('显示自动消失的提示消息');
}
</script>
</head>
<style>
li{line-height: 40px; height: 40px; border-bottom: #ccc dashed 1px;}
</style>
<body>
<ul>
<li onclick="one()">弹出系统选择按钮框</li>
<li onclick="two()">弹出系统提示对话框</li>
<li onclick="three()">弹出系统确认对话框</li>
<li onclick="four()">显示系统等待对话框</li>
<li onclick="five()">预览图片</li>
<li onclick="six()">弹出系统日期选择对话框</li>
<li onclick="seven()">弹出系统时间选择对话框</li>
<li onclick="nine()">显示自动消失的提示消息</li>
</ul>
</body>
</html>
