低代码平台表单设计器 unione-form-editor 组件 —— 子数据组件在企业业务表单中一对多关系无处不在一张订单 → 对应多个商品一张入库单 → 对应多条物料一个客户 → 对应多个联系人一个合同 → 对应多条回款计划要在表单里实现 “主子表” 结构 就必须使用核心组件 ——子数据组件。子数据组件是关联组件的延伸专门负责一对多关联数据在表单中的呈现与维护是实现主子表单、明细列表、批量数据录入的关键组件。一、子数据组件核心定位一对多关联的明细容器子数据组件的核心作用只有一句话作为主表单的 “子表容器”展示、维护与当前表单呈 1 对多 关系的关联数据。它是主表与子表之间的桥梁让一张表单里可以直接编辑多条明细主子数据自动关联外键新增 / 编辑 / 删除 / 批量操作一站式完成数据保存时主子表同步提交事务一致简单理解主表单 单条数据子数据组件 多条明细数据二、子数据组件核心特性1. 标准一对多关联企业级外键关系与主表单建立1:N 外键关联一个主记录对应多条子记录数据结构标准、稳定、可关联查询。2. 内嵌子表单支持增删改查在主表单内部直接显示为明细表格支持添加行编辑行删除行上移下移批量操作无需跳转页面一站式维护。3. 自动继承主表外键保存主表单时子表数据自动绑定主表 ID无需手动设置关联关系不会出现孤儿数据。4. 支持拖拽列配置、显示隐藏字段可自定义子表格显示哪些字段、顺序、宽度、对齐完全可视化配置。5. 支持字段联动、自动计算子表内部字段可相互联动选择商品 → 自动带出规格、单价填数量 → 自动计算金额自动合计总金额、总数量6. 支持校验、必填、唯一、重复判断子表字段同样支持必填校验数值范围重复判断唯一限制保证明细数据规范合法。7. 支持导出、批量操作子数据可直接导出 Excel批量删除批量赋值三、子数据组件标准配置流程第一步数据模型建立一对多关联在主表数据模型中配置一对多关联指定关联子表、外键字段。第二步表单中添加子数据组件拖拽子数据组件到主表单画布。第三步绑定一对多关联数据选择已配置好的一对多关联设置表格显示列是否允许添加 / 编辑 / 删除是否显示序号、合计行子表字段校验规则完成配置 → 主子表单结构立即生效四、子数据组件高频企业场景销售订单 → 订单商品明细采购订单 → 采购物料明细入库单 → 入库明细出库单 → 出库明细合同 → 合同回款计划报价单 → 报价商品明细退货单 → 退货商品明细巡检单 → 巡检项目明细只要是 “一主多子” 业务必须用子数据组件。五、结语子数据组件是企业表单从 “简单表单” 升级为 **“业务系统”** 的标志性组件。它实现了最核心的一对多数据结构让表单真正具备订单、入库、出库、合同等企业级业务能力。没有子数据组件就没有真正的企业业务表单。项目已开源欢迎 Star 收藏GitHubhttps://github.com/unione-cloud/unione-form-editorGiteehttps://gitee.com/unione-cloud/unione-form-editor
低代码平台表单设计器 unione-form-editor 组件 —— 子数据组件
发布时间：2026/6/21 16:02:01
低代码平台表单设计器 unione-form-editor 组件 —— 子数据组件在企业业务表单中一对多关系无处不在一张订单 → 对应多个商品一张入库单 → 对应多条物料一个客户 → 对应多个联系人一个合同 → 对应多条回款计划要在表单里实现 “主子表” 结构 就必须使用核心组件 ——子数据组件。子数据组件是关联组件的延伸专门负责一对多关联数据在表单中的呈现与维护是实现主子表单、明细列表、批量数据录入的关键组件。一、子数据组件核心定位一对多关联的明细容器子数据组件的核心作用只有一句话作为主表单的 “子表容器”展示、维护与当前表单呈 1 对多 关系的关联数据。它是主表与子表之间的桥梁让一张表单里可以直接编辑多条明细主子数据自动关联外键新增 / 编辑 / 删除 / 批量操作一站式完成数据保存时主子表同步提交事务一致简单理解主表单 单条数据子数据组件 多条明细数据二、子数据组件核心特性1. 标准一对多关联企业级外键关系与主表单建立1:N 外键关联一个主记录对应多条子记录数据结构标准、稳定、可关联查询。2. 内嵌子表单支持增删改查在主表单内部直接显示为明细表格支持添加行编辑行删除行上移下移批量操作无需跳转页面一站式维护。3. 自动继承主表外键保存主表单时子表数据自动绑定主表 ID无需手动设置关联关系不会出现孤儿数据。4. 支持拖拽列配置、显示隐藏字段可自定义子表格显示哪些字段、顺序、宽度、对齐完全可视化配置。5. 支持字段联动、自动计算子表内部字段可相互联动选择商品 → 自动带出规格、单价填数量 → 自动计算金额自动合计总金额、总数量6. 支持校验、必填、唯一、重复判断子表字段同样支持必填校验数值范围重复判断唯一限制保证明细数据规范合法。7. 支持导出、批量操作子数据可直接导出 Excel批量删除批量赋值三、子数据组件标准配置流程第一步数据模型建立一对多关联在主表数据模型中配置一对多关联指定关联子表、外键字段。第二步表单中添加子数据组件拖拽子数据组件到主表单画布。第三步绑定一对多关联数据选择已配置好的一对多关联设置表格显示列是否允许添加 / 编辑 / 删除是否显示序号、合计行子表字段校验规则完成配置 → 主子表单结构立即生效四、子数据组件高频企业场景销售订单 → 订单商品明细采购订单 → 采购物料明细入库单 → 入库明细出库单 → 出库明细合同 → 合同回款计划报价单 → 报价商品明细退货单 → 退货商品明细巡检单 → 巡检项目明细只要是 “一主多子” 业务必须用子数据组件。五、结语子数据组件是企业表单从 “简单表单” 升级为 **“业务系统”** 的标志性组件。它实现了最核心的一对多数据结构让表单真正具备订单、入库、出库、合同等企业级业务能力。没有子数据组件就没有真正的企业业务表单。项目已开源欢迎 Star 收藏GitHubhttps://github.com/unione-cloud/unione-form-editorGiteehttps://gitee.com/unione-cloud/unione-form-editor
 CPLD深度解析：架构、开发与工业应用实战)
