cmp.dialog.dialog 类

进一步封装的弹框类
符合大多数情况的弹框提示使用

方法

actionSheet

actionSheet
(
  • items
  • [cancelText]
  • [selCallback]
  • [cancelCallback]
)

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

表形式操作框组弹出框,常见于移动端弹出拍照、选择相册的选择操作中

参数:

名称类型标识描述
items Array 必选

操作组item,格式：
[ {key:1,name:'操作组item1'}, {key:2,name:'操作组item2'} ]

[cancelText] String 可选

最底部 取消按钮的显示文本 （默认：Cancel）

[selCallback] Function 可选

item被点击选择的回调函数 组件将该item的信息格式传入
{key:1,name:"操作组item1"}

[cancelCallback] Function 可选

点击取消按钮的回调函数（默认：关闭组件）

示例:

<script>
    cmp.dialog.actionSheet([{key:1,name:"操作组item1"}],"取消",function selectedCallback(result){
         //do something with result
    },function cancelCallback(){
       //do something with tap cancel button
    });
</script>

图例:

DEMO地址

error

error
(
  • msg
  • [callback]
  • [title]
  • [btnLabels]
)

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

错误提示函数

参数:

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

提示的消息内容

[callback] Function 可选

当点击确认消息按钮时,组件返回按钮索引(索引是：0|1)，确认消息消失时调用（默认：组件自动关闭）

[title] String 可选

警告标题，默认是Success

[btnLabels] Array 可选

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

示例:

<script>
    cmp.dialog.error("错误提示",function(index){
         //do something with result
    },"错误",["确认","取消"]);
</script>

图例:

DEMO地址

failure

failure
(
  • msg
  • [callback]
  • [title]
  • [btnLabels]
)

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

异常提示函数

参数:

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

提示的消息内容

[callback] Function 可选

当点击确认消息按钮时,组件返回按钮索引(索引是：0|1)，确认消息消失时调用（默认：组件自动关闭）

[title] String 可选

警告标题，默认是Success

[btnLabels] Array 可选

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

示例:

<script>
    cmp.dialog.failure("异常提示",function(index){
         //do something with result
    },"异常",["确认","取消"]);
</script>

图例:

DEMO地址

list

list
(
  • items
  • [cancelText]
  • [selCallback]
  • [cancelCallback]
)

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

弹出一个list对话框(可滚动),常用于有多条数据需要以列表的形式展示和选择的时候

参数:

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

items数组，格式：
[ 'item1','item2','item3' ]

[cancelText] Object 可选

最底部 取消按钮的显示文本 默认 Cancel

[selCallback] Object 可选

item选择回调函数，将返回参数传入，格式："item1"

[cancelCallback] Object 可选

点击取消按钮的回调函数（默认：组件自动关闭）

示例:

<script>
    cmp.dialog.list([{key:1,name:"操作组item1"}],"list标题","取消",function selectedCallback(result){
         //do something with result
    },function cancelCallback(){
       //do something with tap cancel button
    });
</script>

loading

loading
(
  • [options]
)

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

显示或则关闭进度弹出框，经常用于页面加载或者文件上传时等待的动画提示

参数:

名称类型标识描述
[options] Boolean | String | Object 可选


  • true/不定义:显示组件,并且是loading状态
  • String:为默认的加载中（loading）状态，且提示文字为options
  • Object:为对象时，按照{status:"systembusy","系统繁忙得很"}的配置方式，其中：
    • status:为四种状态 加载中---loading，系统繁忙---systembusy，无网络---nonetwork，无内容---nocontent
    • text：为配置的提示文字，如果未传，以组件默认的文字提示
    • 如果为systembusy时，可以定义callback，当点击中心时，执行开发者的回调函数
  • false:不显示组件

示例:

<script>
    cmp.dialog.loading(); / cmp.dialog.loading(false);  /cmp.dialog.loading("加载中...");  /cmp.dialog.loading({status:"systembusy","系统繁忙得很"，callback:function})
</script>

图例:

DEMO地址

loading2

loading2
(
  • [isShow]
)

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

显示或关闭数据加载中弹出框，用于页面加载时等待的动画提示

参数:

名称类型标识描述
[isShow] Boolean | String 可选


  • true/不定义:显示组件
  • false:不显示组件

示例:

<script>
    cmp.dialog.loading2(); / cmp.dialog.loading2(false);  /cmp.dialog.loading2("加载中...");
</script>

图例:

DEMO地址

success

success
(
  • msg
  • [callback]
  • [title]
  • [btnLabels]
)

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

成功提示函数

参数:

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

提示的消息内容

[callback] Function 可选

当点击确认消息按钮时,组件返回按钮索引(索引是：0|1)，确认消息消失时调用（默认：组件自动关闭）

[title] String 可选

警告标题，默认是Success

[btnLabels] Array 可选

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

示例:

<script>
    cmp.dialog.success("成功提示",function(index){
         //do something with result
    },"成功",["确认","取消"]);
</script>

图例:

DEMO地址

warning

warning
(
  • msg
  • [callback]
  • [title]
  • [btnLabels]
)

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

警告提示函数

参数:

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

提示的消息内容

[callback] Function 可选

当点击确认消息按钮时,组件返回按钮索引(索引是：0|1)，确认消息消失时调用（默认：组件自动关闭）

[title] String 可选

警告标题，默认是Success

[btnLabels] Array 可选

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

示例:

<script>
    cmp.dialog.warning("警告提示",function(index){
         //do something with result
    },"警告",["确认","取消"]);
</script>

图例:

DEMO地址

Top