uitinputfield

来自于：APICloud立即使用

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

概述

uitinputfield 小程序模块，封装了 input 文本输入框功能，可实现文字的动态输入、显示等交互逻辑。本小程序模块基于UI模块引擎语法开发的,开发者可下载后直接使用或根据实际需要修改内部UI样式，完成该功能的二次开发。(本模块为公测版)

图片说明

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

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

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

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

  • 注意事项

    • 调用处理

      无

    • 回调处理

      收到回调事件后，根据回调的参数事件类型，编写对应的代码逻辑

      回调参数 ret 内部子参数列表如下

      • type [String]

        1.   回调事件类型参数
        2.   sendMessage 发送消息文字回调事件
        3.   leftBtnClicked  左侧按钮点击事件

      • value [String]

        回调事件携带的输入文字内容

示例代码

  1. // 前置步骤，需要先使用 init 方法初始化 UITemplate
  3. var UITemplate = api.require("UITemplate");
  4. UITemplate.openView({
  5.     name: 'inputfield',
  6.     url: 'pages/uitinputfield/inputfield',
  7.     rect: {
  8.         marginTop: api.winHeight-50-api.safeArea.bottom,  // api.safeArea.bottom 适配 phoneX
  9.         h: 50,
  10.         w: 'auto'
  11.     },
  12.     level: 'normal'
  13. },function(ret,err){
  14.     if(ret){
  15.         if('sendMessage' == ret.type){
  16.             alert('收到文字内容:'+ret.value);
  17.         }
  18.         else if( 'leftBtnClicked' == ret.type ){
  19.             alert('left按钮点击了')
  20.         }
  21.     }
  22. });

补充说明

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本