配置组件交互动作,可通过单击、双击、鼠标移入、鼠标移出、值改变、聚焦、失焦等事件来设置设备属性、调用设备服务、打开链接、刷新组件、赋值给变量、展示或隐藏组件和调用其他服务。

交互动作采用的是触发事件 + 执行动作的模式。

一个组件支持最多有20个交互动作。

支持多个交互动作使用同一个触发事件。事件触发时,按照交互动作配置的先后顺序依次执行相应的动作。

设置设备属性

触发事件时,设置组件关联设备的属性。

设置设备属性
  1. 选择触发事件,选择动作为设置设备属性
  2. 单击配置设备
  3. 设置设备属性页面,配置设备信息,单击保存
    说明 保存设置前,可单击验证对相关配置进行验证。
    参数 描述
    选择产品 选择该组件对应的设备所属产品。
    选择设备 选择该组件对应的设备。
    • 指定设备:如果已有真实设备连接到物联网平台,则选择真实设备。如果真实设备未连接到物联网平台,没有上报数据,则需使用虚拟设备功能,推送模拟数据,进行数据格式验证。详细内容请参见调试虚拟设备
    • 动态设备:可选变量、组件值和URL参数三种类型的动态设备。
      • 变量:选择在当前应用中,已创建的变量作为动态设备来源。创建变量,请参见变量管理
      • 组件值:选择当前应用中,已配置的表单组件作为动态设备来源。
      • URL参数:以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时,由宿主页提供动态参数,如将传入的产品型号作为服务的动态设备。
    • 空设备:若选择为空,可在设备模拟数据框中,输入模拟数据,进行数据格式验证。
    选择属性 选择该组件对应的属性。
    设置值 需根据所选设备属性的取值范围,设置模拟值。

    支持配置动态数据源,单机参数来源,可选:

    • 组件值:选择当前应用中,已配置的表单组件作为参数值来源。
    • URL参数:将当前组件所属页面最终发布的URL地址中的某个URL参数的key值配置为此处的URL参数。页面运行时,会自动获取页面中对应URL参数的value值。
    • 变量:选择在当前应用中,已创建的变量作为参数值来源。创建变量,请参见变量管理

    属性取值范围,请在产品详情页的功能定义中查看。

调用设备服务

触发事件时,调用来自产品功能定义的服务。

调用设备服务
  1. 选择触发事件,选择动作为调用设备服务
  2. 单击配置服务
  3. 调用设备服务页面,配置设备服务,单击保存
    说明 保存设置前,可单击验证对相关配置进行验证。
    参数 描述
    选择产品 选择该组件对应的设备所属产品。
    选择设备 选择该组件对应的设备。详细说明请参见上文“设置设备属性”中的参数描述。
    选择服务 选择该组件对应的服务。服务来自产品的功能定义

打开链接

触发事件时,打开配置的链接。

打开链接
  1. 选择触发事件,选择动作为打开链接
  2. 单击选择链接
  3. 在弹出的对话框中,配置链接,单击确定
    参数 说明
    链接打开方式 可选:
    • 当前页面:在当前应用页面打开链接。
    • 新开页面:在新开页面打开链接。
    目标链接 可选:
    • 当前应用页面:设置当前应用中的某个页面为链接目标页。
    • 指定链接:设置外部链接为链接目标页。输入链接需以http://https://开头。
    URL参数 鼠标指针移动到URL参数右侧的帮助图标,可查看URL键值对配置说明。

    单击+URL参数,配置

    支持配置动态参数,单击参数来源,选择来源类型进行配置。

    其中组件值、URL参数、变量的详细说明,请参见上文“设置设备属性”中的参数描述。

    登录账号:在开启应用账号鉴权的情况下。配置数据分析服务自定义接口服务开发工作台接口时,可以选择登录的账号信息作为请求参数,以完成一些界面或功能的定制需求。详细使用说明请参见账号数据

刷新组件

触发事件时,刷新组件。

刷新组件
  1. 选择触发事件,选择动作为刷新组件
  2. 设置需要刷新的组件,可多选。

赋值给变量

触发事件时,为变量赋值。

为变量赋值
  1. 选择触发事件,选择动作为赋值给变量
  2. (可选)若还没有创建对应变量,单击管理变量,单击新增变量,输入变量信息,单击确认,返回交互页签。
  3. 单击配置
  4. 在弹出对话框中,单击赋值,选择组件的变量值。

    可选择为组件的对应值,或输入自定义的固定值。

  5. 选择要赋值的变量,单击确定

展示隐藏

触发事件时,控制其他组件的展示和隐藏。

展示隐藏
  1. 选择触发事件,选择动作为展示隐藏
  2. 设置点击出现的组件和点击隐藏的组件。均可多选。

调用其他服务

触发事件时,调用自定义接口、本项目内服务开发工作台接口或产品与物的管理接口。

调用其他服务
  1. 选择触发事件,选择动作为调用其他服务
  2. 单击选择服务
  3. 服务配置对话框中,配置要调用的接口。
    参数 说明
    接口来源 选择要调用的服务。
    • 自定义接口:调用开发者自己开发的开放接口或第三方接口。
      注意 自定义接口必须满足以下要求:
      • 如果设置了请求参数,该参数必须使用JSON格式数据。
      • 接口返回的数据必须是JSON格式的。

      支持的JSON的数据格式有:

      • 对象(Object):{}
      • 数组(Array):[]
      • 字符串(string):"test"
      • 数字(number):123
      • 布尔值(bool):truefalse
    • 服务开发工作台:调用在当前项目中,通过服务开发工作台开发的HTTP接口。
    • 产品与物的管理:调用查询产品信息列表接口、查询产品属性接口、查询物的详情列表接口或查询物的数量接口。
    请求方法 选择自定义接口的请求方法,可选:getpost

    当接口来源选择为自定义接口时出现的参数。

    请求地址 输入您的自定义接口的请求地址。

    当接口来源选择为自定义接口时出现的参数。

    选择接口 选择要调用的接口。

    当接口来源选择为服务开发工作台产品与物的管理时出现的参数。

    请求参数 可选:
    • 静态参数:需在下方输入框中,填入键值对组成的请求参数,格式需为标准的JSON格式。
    • 动态参数:需在下方添加请求参数,设置键和值。

      支持配置动态参数,单击参数来源,可选组件值、URL参数、变量或登录账号。详细说明请参见上文“打开链接”中的参数描述。