cmp.notification 类

弹框类
封装了一套统一风格的弹出类提示框

  • alert
  • comfirm
  • .....

方法

alert

alert
(
  • msg
  • [callback]
  • [title]
  • [btnName]
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:694

警告框

参数:

名称类型标识描述
msg String 必选

消息内容

[callback] Function 可选

警告消失时执行的回调函数（默认：关闭组件）

[title] String 可选

警告标题，（默认：Alert）

[btnName] String 可选

按钮名称，（默认：OK）

示例:

<script>
    cmp.notification.alert("进行alert的提示",function(){
         //do something after tap button
    },"提示","确定");
</script>

confirm

confirm
(
  • msg
  • callback
  • [title]
  • [btnLabels]
  • [icon]
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:712

确认框

参数:

名称类型标识描述
msg String 必选

消息内容

callback Function 必选

当点击确认消息按钮时(索引是：0|1)，确认消息消失时调用

[title] String 可选

警告标题（默认：Confirm）

[btnLabels] Array 可选
[icon] String 可选

用于弹出框装饰性的标识，可以传任何可以用于html显示的图片、css处理好的文字等,如：

  • 如果是图片："< img src='http://...' style='width:12px;height:12px'>"
  • 如果是文字："< div style='...'>需要显示的文字< /div>"

示例:

<script>
    cmp.notification.confirm("进行确认的提示",function(index){
         if(index == 0){
              //点击了第一个按钮
         }else if(index == 1){
             //点击了第二个按钮
         }
    },"确认",["确定","取消"],"http://www.baidu.com/log.png");
</script>

getPushState

getPushState
(
  • callback
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:783

只适用于iOS平台的获取iOS设备在设置中对应用的消息推送的开关状态

参数:

名称类型标识描述
callback Function 必选

回调函数，组件将处理结果返回，格式：

  • true:允许通知
  • false:不允许，非iOS平台会一直返回false

示例:

<script>
    cmp.notification.getPushState("输入提示框",function(result){
         //do something with result
    });
</script>

judge

judge
(
  • msg
  • [callback]
  • [title]
  • [btnLabels]
  • [icon]
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:669

三个选项的提示框

参数:

名称类型标识描述
msg String 必选

消息内容

[callback] Function 可选

警告消失时执行的回调函数（默认：关闭组件）

[title] String 可选

警告标题，（默认：judge）

[btnLabels] String 可选

按钮名称，（默认：YES,NO,Cancel）

[icon] String 可选

提示内容中的图标路径

示例:

<script>
    cmp.notification.judge("进行判断的提示",function(index){
         if(index == 0){
              //点击了第一个按钮
         }else if(index == 1){
             //点击了第二个按钮
         }else if(index == 2){
             //点击了第三个按钮
         }
    },"提示",["确定","否","取消"],"http://www.baidu.com/log.png");
</script>

prompt

prompt
(
  • title
  • callback
  • [btnLabels]
  • [placeholder]
  • [defaultVal]
  • [type]
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:759

可输入提示框

参数:

名称类型标识描述
title String 必选

可选，警告标题，默认是Prompt

callback Function 必选

当点击确认消息按钮时(索引是：1|2|3)，确认消息消失时调用

[btnLabels] Array 可选

可选，按钮名称数组，默认是['OK','Cancel']

[placeholder] String 可选

可选，输入控件的提示占位符，默认空字符串

[defaultVal] String 可选

可选，输入控件的默认值，默认空字符串

[type] Number 可选

可选，输入框的类型，默认text，其中，1，text ，2，password，3，number

示例:

<script>
    cmp.notification.prompt("输入提示框",function(){
         if(index == 0){
              //点击了第一个按钮
         }else if(index == 1){
             //点击了第二个按钮
         }
    },["确认","取消"],"这是一个输入占位符","默认值","text");
</script>

toast

toast
(
  • msg
  • [position]
  • [time]
)

定义于 doc\doc\cmp_doc_all\cmp-core-doc.js:739

自动消失提示框，常用于移动端不需要操作的提示，简化移动端的交互操作

参数:

名称类型标识描述
msg String 必选

提醒消息内容

[position] String 可选

提示框在页面显示的位置，接受以下值：

  • top:在页面顶部显示
  • center:在页面中间显示
  • bottom:在页面底部显示（默认）

[time] Number 可选

消息显示时间（单位：毫秒；默认：2000）

示例:

<script>
    cmp.notification.toast("自动消失的提示框","center",1000);
</script>
Top