开关
如果配合 表单容器 组件使用 开关 组件，其 对象字段 开关的值为Boolean类型，表单组件绑定变量中的某个Key。使用示例 如果不配合 表单容器 组件使用 开关 组件，您可按需进行添加。如果配合 表单容器 组件使用 开关 组件，配置的具体步骤...
平铺明细
如果配合 表单容器 组件使用 平铺明细，对象字段 的数据源类型需为List类型，表单组件绑定变量中的某个Key。主键 为每行数据的唯一标识。使用示例 如果不配合 表单容器 组件使用 平铺明细，_dataList 是List类型的变量，p2 为Structure中的...
表格明细
如果配合 表单容器 组件使用 表格明细，对象字段 的数据源类型需为List类型，表单组件绑定变量中的某个Key。主键 为每行数据的唯一标识。使用示例 如果不配合 表单容器 组件使用 表格明细，_dataList 是List类型的变量，p2 为Structure中的...
多选
如果配合 表单容器 组件使用 多选 组件，对象字段 需配置为List类型，表单组件需绑定变量中的某个Key。配置 选项配置，其 选项来源 有 固定值 和 动态值。固定值：您可按需进行添加、编辑和删除操作。动态值：您需要绑定一个类型为List类型...
级联单选
如果配合 表单容器 组件使用 级联单选 组件，对象字段 需配置为String类型，表单组件需绑定变量中的某个Key。配置 选项配置：其 选项来源 的类型需为List类型，数据源支持 固定值 和 动态值。当数据源为 固定值 时，您可以单击 编辑数据，...
组件概述
icon 图标 progress 进度条 rich-text 富文本组件 表单组件 名称 功能说明 button 按钮 form 表单 label 用来改进表单组件的可用性 input 输入框 textarea 多行输入框 radio 单选项目 checkbox 多项选择器组 switch 单选项目 slider 滑动...
级联多选
如果配合 表单容器 组件使用 级联多选 组件，对象字段 需配置为List类型，表单组件绑定变量中的某个Key。配置 选项配置：其 选项来源 的类型需为List类型，数据源支持 固定值 和 动态值。当数据源为 固定值 时，您可以单击 编辑数据，在 ...
数字范围
数字范围 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在页面右侧，选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 页面，您可按需添加 ...
滑块
滑块 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在画布右侧，选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 页面，您可按需添加 Javascript ...
时间选择
时间选择 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。设置事件。在画布右侧，您可以参考以下步骤配置。选择 事件>新建动作>onChange值发生改变时。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板 ...
form
当单击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。属性名 类型 默认值 描述 最低版本 onSubmit EventHandle-携带 form 中的数据触发 submit 事件。...
日期范围
日期范围 作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。在页面右侧，选择 事件>新建动作，其动作设置有 onChange值发生改变时、onOK点击确认按钮 和 onVisbleChange弹层展示状态变化 三种。选择 onChange值发生改变...
组件
基础组件 包含 文字、复合组件、空间组件、媒体组件、控制组件、图表组件、表单组件 和 弹窗容器组件。工业组件 包含刻度表、仪表时钟、多色仪表盘、单色仪表盘、刻度滑动条、滑动条、一字管道、十字管道、T字管道、L字管道、风机、数码管...
label
标签（label）可以用来改进表单组件的可用性，使用 for 属性找到对应组件的 id，或者将组件放在该标签下，当点击时，就会聚焦对应的组件。for 优先级高于内部组件，内部有多个组件的时候默认触发第一个组件。目前可以绑定的控件有：、、、...
接口
重要 对于控制组件和表单组件展示内容或状态，如果用户手动更新的组件内容或状态与定时刷新的接口数据源返回结果不一致，则组件展示内容或状态以更新的接口数据源结果为准。数据格式说明 不同组件支持返回数据格式不同，其中需注意的组件有...
搭建页面
如果使用自定义表单组件，还可对表单结构内容做进一步配置。图标：包括 31 款常用的页面图标。在画布中添加图标后，设置图标颜色。在画布中，按需拖拽组件，调整画布布局。调整及管理图层。调整图层：右键单击画布上的组件，选择相应的操作...
组件值：选择当前应用中，已配置的表单组件作为参数值来源。URL参数：以组件所属应用最终发布页面的URL地址中的某个URL参数（key=value）作为此处的URL参数。配置URL来源时，URL参数 与key一致，页面运行时，链接内容 会自动获取页面中对应...
交互配置
重要 对于控制组件和表单组件的展示内容或状态，如果用户手动更新的组件内容或状态与组件数据源返回结果不一致，则组件展示内容或状态以组件数据源结果为准。选择触发事件，选择动作为 刷新组件。设置需要刷新的组件，可多选。赋值给页面...
拖拽上传
拖拽上传 组件作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。新建动作。在页面右侧，选择 事件>新建动作>onChange值发生改变时，您可以参考以下步骤配置。在 onChange值发生变化时 对话框中，单击 确定。在 动作面板...
可视化编排页面
在 标准组件 的 表单 组件区域：如果您拖拽输入组件至 表单容器 内，则还需要设置 对象字段。如果您拖拽输入组件至 表单容器 外，则还需要设置 绑定变量。您也可以右键 表单容器，在选项列表选择目标操作（例如：克隆、删除、添加父容器、...
事件对象
表单组件事件会携带用户的输入信息，如 switch 组件 onChange 触发时可通过 event.detail.value 获取用户选择的状态值，媒体的错误事件会携带错误信息，更多信息请参见各组件文档事件说明。TouchEvent 触摸事件对象 TouchEvent 触摸事件...
iframe
组件值：选择当前应用中，已配置的表单组件作为参数值来源。URL参数：以组件所属应用最终发布页面的URL地址中的某个URL参数（key=value）作为此处的URL参数。配置URL来源时，URL参数 与key一致，页面运行时，链接内容 会自动获取页面中对应...
设备
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
实时曲线
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
实时曲线（旧）
组件值：选择当前应用中，已配置的表单组件作为动态设备来源。URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。来自交互动作：最终以 交互 页...
事件
什么是事件？事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层...detail：自定义事件所携带的数据，如表单组件的提交事件会携带用户的输入信息，媒体的错误事件会携带错误信息，详细的描述请参考组件定义中各个事件的定义。
数字输入框
如果配合 表单容器 组件使用 数字输入框 组件，对象字段中输入框的值为Number类型，表单容器组件绑定变量中的某个Key。使用示例 如果不配合 表单容器 组件使用 数字输入框 组件，您可按需绑定变量。如果配合 表单容器 组件使用 数字输入框 ...
文本输入框
使用场景 文本输入框 组件通常与 表单容器 组件配合使用，关于 表单容器 组件的信息，请参见 表单容器。使用说明 从 组件面板 拖拽 文本输入框 组件至画布。如果配合 表单容器 组件使用，且 表单容器 已完成变量绑定，则需要设置 表单容器 ...
表单容器
使用场景 使用 表单容器 组件，您可以通过一个现有的结构对象类型的变量快速生成一个表单。使用说明 定义一个以特定结构对象为数据类型的变量（例如：loginAccount）。将 表单容器 拖入编排页面画布中，并绑定该变量。您可根据需要在选中 ...
表单相关控件
表单可用于收集用户信息，本文介绍表单相关组件。如何进入表单设计 单击控制台首页顶部的 进入设计>表单，即可进入表单设计页面。如何管理表单页面 单击表单设计器顶部的页面名称按钮，可新增表单页面、设置表单页面、切换模板、复制当前...
常见问题
组件名（package.json 中的name字段）前未加组件包名，无法发布组件，正确组件名格式为@namespace/xxx（@组件包英文名/组件名）。组件审核未通过或正在审核中。若您的组件长时间未审核通过，请联系阿里云技术支持。如何写数据事件，触发...
自定义组件开发常见问题
组件名（package.json 中的 name 字段）前未加组件包名，无法发布组件，正确组件名格式为@namespace/xxx（@组件包英文名/组件名）。组件审核未通过或正在审核中。若您的组件长时间未审核通过，请联系阿里云技术支持。如何写数据事件，触发...
日期
使用场景 当页面中需要日期选择框进行日期选择时，您可以选择使用 日期 组件。使用说明 从 组件面板 拖拽 日期 组件至画布。为 日期 组件绑定变量，即给日期组件设置初始值。配置 显示格式，您可按需设置日期组件显示的格式。您也可以为其...
新功能发布记录
2023-12-06 实时曲线（旧）2023年10月 Web可视化开发 功能名称 功能描述 发布时间 相关文档 表单组件 下拉框组件的默认值配置支持 URL参数 方式。2023-10-06 下拉框 移动可视化开发 功能名称 功能描述 发布时间 相关文档 表单组件 下拉框...
业务组件开发
情况 1 针对自定义表单组件，schema.json 会有一个用于打开表单生成器的配置项，此时新增一个 x-component:"FormGenerator"即可，编辑器会特殊解析。mPaaS 前端需要将表单生成器封装为一个完整的组件，其中定制好需要的表单组件、提交按钮...
自定义组件API
本文为您详细介绍自定义组件API。Lifecycle 自定义组件本质上是一个对象,其接口为：interface Lifecycle { bootstrap?LifecycleBootstrap;mount?LifecycleMount;unmount?LifecycleUnmount;update?LifecycleUpdate;} bootstrap 开机生命周期...
DataV分析模式介绍
本教程主要介绍DataV分析模式的基本概念，帮助用户以灵活、0代码、自动化的方式使用数据和分析数据，支持数据的下钻和联动分析。前提条件 在您了解组件分析模式这部分内容前，您需要提前了解DataV6.0数据集：请参见 DataV6.0数据集介绍。...
跨集群复制数据
Kafka服务端和Confluent Platform组件的端口 KRaft mode 组件 Origin Destination Kafka brokers 9082 9092 KRaft controllers 9071 9093 Metadata server listeners(in brokers)8091 8090 Connect Replicator worker 8083 Control Center ...
页面搭建编辑器
组件选择区 组件区提供用于搭建的组件和图标，其中组件包括官方组件（基础组件）和业务组件。官方组件：展示文本、图片、链接、轮播图、视频、音频、二维码、倒计时组件。业务组件：展示四个预置业务组件（资讯信息流、自定义表单、一排三...
自定义RDBMS数据库及同步数据
为了满足不同业务场景数据集成的诉求，Dataphin支持用户自定义当前系统不支持的RDBMS数据库（关系型数据库）类型的组件，并进行数据同步。您只需要准备关系型数据库的驱动，即可自定义RDBMS数据库类型的组件。本教程以MySQL为例，为您介绍...
- 产品推荐
- 这些文档可能帮助您