组件概述
icon 图标 progress 进度条 rich-text 富文本组件 表单组件 名称 功能说明 button 按钮 form 表单 label 用来改进表单组件的可用性 input 输入框 textarea 多行输入框 radio 单选项目 checkbox 多项选择器组 switch 单选项目 slider 滑动...
数字范围
数字范围 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在页面右侧，选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 页面，您可按需添加 ...
滑块
滑块 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在画布右侧，选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 页面，您可按需添加 Javascript ...
时间选择
时间选择 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在画布右侧，您可以参考以下步骤配置。选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 ...
form
当单击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。属性名 类型 默认值 描述 最低版本 onSubmit EventHandle-携带 form 中的数据触发 submit 事件。...
日期范围
日期范围 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。在页面右侧，选择 事件>新建动作，其动作设置有 onChange值发生改变时、onOK点击确认按钮 和 onVisbleChange弹层展示状态变化 三种。选择 onChange值发生改变...
label
标签（label）可以用来改进表单组件的可用性，使用 for 属性找到对应组件的 id，或者将组件放在该标签下，当点击时，就会聚焦对应的组件。for 优先级高于内部组件，内部有多个组件的时候默认触发第一个组件。目前可以绑定的控件有：、、、...
接口
重要 对于控制组件和表单组件展示内容或状态，如果用户手动更新的组件内容或状态与定时刷新的接口数据源返回结果不一致，则组件展示内容或状态以更新的接口数据源结果为准。数据格式说明 不同组件支持返回数据格式不同，其中需注意的组件有...
搭建页面
如果使用自定义表单组件，还可对表单结构内容做进一步配置。图标：包括 31 款常用的页面图标。在画布中添加图标后，设置图标颜色。在画布中，按需拖拽组件，调整画布布局。调整及管理图层。调整图层：右键单击画布上的组件，选择相应的操作...
组件值：选择当前应用中，已配置的表单组件作为参数值来源。URL参数：以组件所属应用最终发布页面的URL地址中的某个URL参数（key=value）作为此处的URL参数。配置URL来源时，URL参数 与key一致，页面运行时，链接内容 会自动获取页面中对应...
新功能发布记录
2023-12-06 实时曲线（旧）2023年10月 Web可视化开发 功能名称 功能描述 发布时间 相关文档 表单组件 下拉框组件的默认值配置支持 URL参数 方式。2023-10-06 下拉框 移动可视化开发 功能名称 功能描述 发布时间 相关文档 表单组件 下拉框...
交互配置
重要 对于控制组件和表单组件的展示内容或状态，如果用户手动更新的组件内容或状态与组件数据源返回结果不一致，则组件展示内容或状态以组件数据源结果为准。选择触发事件，选择动作为 刷新组件。设置需要刷新的组件，可多选。赋值给页面...
事件对象
表单组件事件会携带用户的输入信息，如 switch 组件 onChange 触发时可通过 event.detail.value 获取用户选择的状态值，媒体的错误事件会携带错误信息，更多信息请参见各组件文档事件说明。TouchEvent 触摸事件对象 TouchEvent 触摸事件...
iframe
组件值：选择当前应用中，已配置的表单组件作为参数值来源。URL参数：以组件所属应用最终发布页面的URL地址中的某个URL参数（key=value）作为此处的URL参数。配置URL来源时，URL参数 与key一致，页面运行时，链接内容 会自动获取页面中对应...
业务组件开发
情况 1 针对自定义表单组件，schema.json 会有一个用于打开表单生成器的配置项，此时新增一个 x-component:"FormGenerator"即可，编辑器会特殊解析。mPaaS 前端需要将表单生成器封装为一个完整的组件，其中定制好需要的表单组件、提交按钮...
设备
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
实时曲线
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
实时曲线（旧）
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
事件
什么是事件？事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层...detail：自定义事件所携带的数据，如表单组件的提交事件会携带用户的输入信息，媒体的错误事件会携带错误信息，详细的描述请参考组件定义中各个事件的定义。
功能发布记录
支持视频组件，优化了标签组件、表格及表单组件配置，对文件上传组件新增了formatter配置。优化逻辑流中打印控制台日志节点和打开页面节点。流程编排：优化用户任务、审批任务节点说明，出参赋值增加节点处理人。审批任务节点的拒绝操作...
开关
如果配合 表单容器 组件使用 开关 组件，其 对象字段 开关的值为Boolean类型，表单组件绑定变量中的某个Key。使用示例 如果不配合 表单容器 组件使用 开关 组件，您可按需进行添加。如果配合 表单容器 组件使用 开关 组件，配置的具体步骤...
平铺明细
如果配合 表单容器 组件使用 平铺明细，对象字段 的数据源类型需为List类型，表单组件绑定变量中的某个Key。主键 为每行数据的唯一标识。使用示例 如果不配合 表单容器 组件使用 平铺明细，_dataList 是List类型的变量，p2 为Structure中的...
表格明细
如果配合 表单容器 组件使用 表格明细，对象字段 的数据源类型需为List类型，表单组件绑定变量中的某个Key。主键 为每行数据的唯一标识。使用示例 如果不配合 表单容器 组件使用 表格明细，_dataList 是List类型的变量，p2 为Structure中的...
多选
如果配合 表单容器 组件使用 多选 组件，对象字段 需配置为List类型，表单组件需绑定变量中的某个Key。配置 选项配置，其 选项来源 有 固定值 和 动态值。固定值：您可按需进行添加、编辑和删除操作。动态值：您需要绑定一个类型为List类型...
数字输入框
如果配合 表单容器 组件使用 数字输入框 组件，对象字段中输入框的值为Number类型，表单容器组件绑定变量中的某个Key。使用示例 如果不配合 表单容器 组件使用 数字输入框 组件，您可按需绑定变量。如果配合 表单容器 组件使用 数字输入框 ...
文本输入框
使用场景 文本输入框 组件通常与 表单容器 组件配合使用，关于 表单容器 组件的信息，请参见 表单容器。使用说明 从 组件面板 拖拽 文本输入框 组件至画布。如果配合 表单容器 组件使用，且 表单容器 已完成变量绑定，则需要设置 表单容器 ...
级联单选
如果配合 表单容器 组件使用 级联单选 组件，对象字段 需配置为String类型，表单组件需绑定变量中的某个Key。配置 选项配置：其 选项来源 的类型需为List类型，数据源支持 固定值 和 动态值。当数据源为 固定值 时，您可以单击 编辑数据，...
级联多选
如果配合 表单容器 组件使用 级联多选 组件，对象字段 需配置为List类型，表单组件绑定变量中的某个Key。配置 选项配置：其 选项来源 的类型需为List类型，数据源支持 固定值 和 动态值。当数据源为 固定值 时，您可以单击 编辑数据，在 ...
组件
基础组件 包含 文字、复合组件、空间组件、媒体组件、控制组件、图表组件、表单组件 和 弹窗容器组件。工业组件 包含刻度表、仪表时钟、多色仪表盘、单色仪表盘、刻度滑动条、滑动条、一字管道、十字管道、T字管道、L字管道、风机、数码管...
可视化编排页面
在 标准组件 的 表单 组件区域：如果您拖拽输入组件至 表单容器 内，则还需要设置 对象字段。如果您拖拽输入组件至 表单容器 外，则还需要设置 绑定变量。您也可以右键 表单容器，在选项列表选择目标操作（例如：克隆、删除、添加父容器、...
拖拽上传
拖拽上传 组件作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。新建动作。在页面右侧，选择 事件>新建动作>onChange值发生改变时，您可以参考以下步骤配置。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板...
表单容器
使用场景 使用 表单容器 组件，您可以通过一个现有的结构对象类型的变量快速生成一个表单。使用说明 定义一个以特定结构对象为数据类型的变量（例如：loginAccount）。将 表单容器 拖入编排页面画布中，并绑定该变量。您可根据需要在选中 ...
表单相关控件
表单可用于收集用户信息，本文介绍表单相关组件。如何进入表单设计 单击控制台首页顶部的 进入设计>表单，即可进入表单设计页面。如何管理表单页面 单击表单设计器顶部的页面名称按钮，可新增表单页面、设置表单页面、切换模板、复制当前...
日期
使用场景 当页面中需要日期选择框进行日期选择时，您可以选择使用 日期 组件。使用说明 从 组件面板 拖拽 日期 组件至画布。为 日期 组件绑定变量，即给日期组件设置初始值。...使用示例 日期 组件在表单中使用时的页面效果如下图所示。
页面搭建编辑器
组件选择区 组件区提供用于搭建的组件和图标，其中组件包括官方组件（基础组件）和业务组件。官方组件：展示文本、图片、链接、轮播图、视频、音频、二维码、倒计时组件。业务组件：展示四个预置业务组件（资讯信息流、自定义表单、一排三...
自定义组件API
Lifecycle 自定义组件本质上是一个对象,其接口为：interface Lifecycle { bootstrap?LifecycleBootstrap;mount?LifecycleMount;unmount?LifecycleUnmount;update?LifecycleUpdate;} bootstrap 开机生命周期，当进入 Quick BI 仪表板时，...
接口开发
表单提交接口 修改组件后，会调用该接口保存组件的最新数据。{ apiData:'{/组件的数据(jsonString)"title":"标题",."params":"{"id":"0"}",/params 代表该提交接口所需要的额外的参数 }',pageId:134,/页面id componentId:"3bb79d72-52f6-4...
列表
在 列表 组件中拖入 表单容器，为表单绑定数据集 orders 列表中的单个 item，即可为表单内的输入框绑定 item 的各个字段信息。列表 内的文本内容，您可选用 列表 的迭代变量 item 内的信息。列表 组件部署效果如下图所示。
switch
属性名 类型 默认值 描述 最低版本 name String-组件名字，用于表单提交获取数据-checked Boolean-是否选中-disabled Boolean-是否禁用-color String-组件颜色-onChange EventHandle-checked 改变时触发，event.detail={value:checked}-...
BI分析模式的限制说明
推荐以分析模式创建的组件和子组件 当前支持分析模式创建的组件包括如下几个：BI分析组件：气泡图 柱状图 条形图 百分比柱状图 区间柱状图 瀑布图 仪表盘 玉珏图 百分比条形图 饼图 分类玫瑰 雷达图 说明 BI分析详细组件说明，请参见 BI...
- 产品推荐
- 这些文档可能帮助您