uitconfirmview

来自于:APICloud立即使用

概述 UI模版引擎调用本模块方法 示例代码 补充说明 可用性

概述

uitconfirmview 小程序模块,可弹出具备按钮交互功能的 confirm 样式的对话框。本小程序模块基于UI模块引擎语法开发的,开发者可下载后直接使用或根据实际需要修改内部UI样式,完成该功能的二次开发。(本模块为公测版)

图片说明

UI模版引擎调用本模块方法

  • 下载本模块,解压后安置在UI模版引擎对应的 widget 目录中,并在app.json文件中添加本模块的相对路径地址

  • 在引用页面,初始化 UITemplate 引擎模块

  • 使用 UITemplate.openView 方法调用本模块。

  • 注意事项

    • 调用处理

      需要将confirm的参数封装在pageParam参数对象中,然后将该对象通过 UITemplate.openView 的 data 参数传递给本模块进行显示。

      pageParam中具体参数如下:

      • title [String]

        弹窗标题, 必填, 无默认值

      • msg [String]

        弹窗内容, 选填, 无默认值

      • buttons [Array]

        包含底部按钮名称的数组,如[‘返回’,’否’,’是’],选填, 默认按钮名称 “取消”、”确定”

    • 回调处理

      收到回调事件后,关闭confirm弹窗

示例代码

  1. // 前置步骤,需要先使用 init 方法初始化 UITemplate
  2. var UITemplate = api.require("UITemplate");
  3. UITemplate.openView({
  4. name: 'confirm',
  5. url: 'pages/uitconfirmview/confirmview',
  6. rect: {
  7. marginTop: 0,
  8. h: 'auto',
  9. w: 'auto'
  10. },
  11. level: 'alert',
  12. data: {
  13. pageParam: {
  14. title: { content: 'APICloud 温馨提示' },
  15. msg: { content: '账户余额不足,红包功能无法使用!' },
  16. buttons: [{ content: '返回', style: 'color: #000;' },{ content: '充值' }]
  17. }
  18. }
  19. },function(ret,err){
  20. if(ret && 'buttonClick' == ret.type ){
  21. _UITemplate.closeView({name: 'confirm'});
  22. // 此处可填写回调代码逻辑
  23. }
  24. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本