下拉框组件可以收纳多个元素,支持单击后选择。支持以设备、项目内产品和数据源数据作为列表选项内容。本文介绍下拉框组件的配置和使用方法。

操作步骤

本文主要介绍组件样式的个性配置。有关组件样式的通用配置,请参见样式配置

  1. 在Web可视化编辑页面,单击最左侧的组件图标组件
  2. 在画布左侧组件下拉列表,选择基础组件,并展开基础列表。
  3. 拖拽一个下拉框组件到画布中,在右侧样式中,根据配置项说明(见下表)完成数据展示样式的配置。
    下拉框组件
    配置项 描述
    列表内容 设置列表内容的数据来源类型。
    • 设备:需选择设备所属产品,下拉框的列表选项即为所选产品下的设备名称。
    • 项目内产品:下拉框的列表选项为该项目下的所有产品。
    • 数据源:可配置选项数据来源为数据分析服务、自定义接口、服务开发工作台接口、产品与物的管理或静态数据。详细内容请参见本文下方数据源
    选择产品 选择列表内容设备时,显示该配置项。选择设备所属产品。
    默认值 设置下拉框是否显示默认值。支持设置默认值显示方式:
    • 始终列表第一项
    • 自定义
  4. 可选: 在Web可视化编辑页面,选中目标组件的交互页签,配置事件和交互动作。详细配置指导请参见交互配置
  5. 单击页面右上方的预览,查看或调试组件的展示数据。

数据源

  • 静态数据

    自定义的数据需要符合以下格式:

    说明 自定义的静态数据中必须使用字段labelvaluelabel表示列表项内容,value表示列表项排序,数字从小到大对应排序从前到后。
    [
      {
        "label": "label1",
        "value": 1
      },
      {
        "label": "label2",
        "value": 2
      },
      {
        "label": "label3",
        "value": 3
      }
    ]
  • 接口

    支持的接口来源为数据分析服务自定义接口服务开发工作台产品与物的管理