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

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

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

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

打开链接

触发事件发生时,打开链接。

打开链接
  1. 选择触发事件,并选择动作为打开链接
  2. 单击选择链接
  3. 在弹出的对话框中,配置链接,并单击确定
    参数 说明
    链接打开方式 可选:
    • 当前页面:即在当前应用页面打开链接。
    • 新开页面:即在新开页面打开链接。
    目标链接 可选:
    • 当前应用页面:设置当前应用中的某个页面为链接目标页。
    • 指定链接:设置外部链接为链接目标页。输入链接需以http://https://开头。
    URL参数 单击+URL参数,配置参数:
    • :填入键值对组成的请求参数。
    • 参数来源:选择参数来源设置

      参数值来源可选择为:

      • 变量:选择在当前应用中,已创建的变量作为参数值来源。创建变量,请参见变量管理
      • 组件值:选择当前应用中,已配置的表单组件作为参数值来源。
      • URL参数:以最终发布页面上的某个参数作为该接口的请求参数值。常用于嵌入页面时,由宿主页提供动态参数,如将传入的产品型号作为当前接口的请求参数。
      • 登录账号:在开启应用账号鉴权的情况下。配置自定义接口服务开发工作台接口时,可以选择登录的账号信息做为请求参数,以完成一些界面或功能的定制需求。

    URL 参数是追加到 URL 地址后的一个名称/键值对,用于将附加信息传递到服务器。参数以问号 (?)开始并采用 key=value 的格式。如果存在多个 URL 参数,则参数之间用一个 (&)符隔开。

    例如:URL地址为http://www.testurl.comURL,参数为key1=value1,key2=value2,拼接后完整的URL为http://www.testurl.com?key1=value1&key2=value2

赋值给变量

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

为变量赋值
  1. 选择触发事件,并选择动作为赋值给变量
  2. (可选)若还没有创建对应变量,单击管理变量,新增变量。
  3. 单击配置
  4. 在弹出对话框中,单击赋值,选择或输入要赋予变量的值。

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

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

展示隐藏

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

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

设置设备属性

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

设置设备属性
  1. 选择触发事件,并选择动作为设置设备属性
  2. 单击配置设备
  3. 在展开的的设置设备属性页面,配置设备信息,并单击保存
    说明 保存设置前,可单击验证对相关配置进行验证。
    参数 描述
    选择产品 选择该组件对应的设备所属产品。
    选择设备 选择该组件对应的设备。
    • 指定设备:选择具体设备。
    • 动态设备:可选变量、组件值和URL参数三种类型的动态设备。
    • 空设备:选择为空。
    选择属性 选择该组件对应的属性。
    设置值 需根据所选设备属性的取值范围,设置模拟值。

    可选择参数来源:变量、组件值和URL参数。

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

调用设备服务

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

调用设备服务
  1. 选择触发事件,并选择动作为调用设备服务
  2. 单击配置服务
  3. 调用设备服务页面,配置设备服务,并单击保存
    说明 保存设置前,可单击验证对相关配置进行验证。
    参数 描述
    选择产品 选择该组件对应的设备所属产品。
    选择设备 选择该组件对应的设备。
    • 指定设备:选择具体设备。
    • 动态设备:可选变量、组件值和URL参数三种类型的动态设备。
    • 空设备:选择为空。
    选择服务 选择该组件对应的服务。服务来自产品的功能定义

刷新组件

触发事件发生时,刷新组件。

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

调用其他服务

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

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

      支持的JSON的数据格式有:

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

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

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

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

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

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

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

      参数值来源可选择为:

      • 变量:选择在当前应用中,已创建的变量作为参数值来源。创建变量,请参见变量管理
      • 组件值:选择当前应用中,已配置的表单组件作为参数值来源。
      • URL参数:以最终发布页面上的某个参数作为该接口的请求参数值。常用于嵌入页面时,由宿主页提供动态参数,如将传入的产品型号作为当前接口的请求参数。
      • 登录账号:在开启应用账号鉴权的情况下。配置自定义接口服务开发工作台接口时,可以选择登录的账号信息做为请求参数,以完成一些界面或功能的定制需求。