cmp.notification.notification 类

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

  • alert
  • comfirm
  • .....

方法

alert

alert
(
  • msg
  • [callback]
  • [title]
  • [btnName]
  • [icon]
  • [customLog]
  • [backbutton2CallbackIndex]
)

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:50

警告框

参数:

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

消息内容

[callback] Function 可选

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

[title] String 可选

警告标题，（默认：Alert）

[btnName] String 可选

按钮名称，（默认：OK）

[icon] String 可选

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

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

[customLog] Boolean 可选

自定义是否关闭组件，当设置成true时，点击关闭按钮后callback返回给开发者关闭该组件的方法，关不关闭由开发者决定，默认：false

[backbutton2CallbackIndex] Boolean 可选

定义是否适配点击android的返回按钮进行按钮的主动触发操作

示例:

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

图例:

DEMO地址

alertView

alertView
(
  • options
)

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:199

原生弹框，用于webview不能覆盖手机整个屏幕时（如导航栏或脚部是原生的）的全屏弹框

参数:

名称类型标识描述
options Object 必选

配置参数 {title:'xx', message:'xx', buttonTitles:['xx','xx'], success:function, error:function}

示例:

<script>
    cmp.notification.alertView({
        title:"提示标题",
        message:"提示内容",
        buttonTitles:["按钮1"，按钮2],
        success:function(){//点击确定的回调}
    });
</script>

bubble

bubble
(
  • callback
  • [btnLabels]
)

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:176

气泡弹框

参数:

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

当点击按钮时(索引是：0|1···)，回调自定义方法

[btnLabels] Array 可选

示例:

<script>
    cmp.notification.bubble(function(index){
         if(index == 0){
              //点击了第一个按钮
         }else if(index == 1){
             //点击了第二个按钮
         }else if(idnex == 2){

         }
    },['复制','转发','撤销']);
</script>

图例:

DEMO地址

confirm

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

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:76

确认框

参数:

名称类型标识描述
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>"

[customClose] Boolean 可选

自定义是否关闭组件，当设置成true时，点击关闭按钮后callback返回给开发者关闭该组件的方法，关不关闭由开发者决定，默认：false

[backbutton2CallbackIndex] Number 可选

定义是否适配点击android的返回按钮进行对应下标按钮的主动触发操作，0：第一个按钮，1第二个按钮

示例:

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

图例:

DEMO地址

getPushState

getPushState
(
  • callback
)

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:156

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

参数:

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

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

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

示例:

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

图例:

DEMO地址

judge

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

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:24

三个选项的提示框

参数:

名称类型标识描述
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>

图例:

DEMO地址

prompt

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

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:129

可输入提示框

参数:

名称类型标识描述
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,4 textarea

[customLog] Boolean 可选

可选，自定义是否是自己关闭组件

[backbutton2CallbackIndex] Number 可选

可选，对应返回按钮需要触发的按钮的下标，如：0：第一个按钮，1第二个按钮

示例:

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

图例:

DEMO地址

toast

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

定义于 doc\doc\cmp_doc_all\cmp-notification-doc.js:106

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

参数:

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

提醒消息内容

[position] String 可选

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

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

[time] Number 可选

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

type Number 必选

展示类型（0为纯文字样式，1为已完成样式， 默认为0）

示例:

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

图例:

DEMO地址

Top