Skip to content

子表单组件

子表单组件用于「一条主记录 + 多条明细」或「分步 / 分组填写」。当普通字段横排已经不够表达结构时,从组件列表的「子表单组件」分组选用。

先选型:主表 vs 明细

你要表达…优先组件
少量重复块(1~几位联系人)子表单
行列清晰的明细(报销行、采购行)表格表单 / 表格表单 Pro
流程很长、分阶段填分步表单
只做视觉分区、不重复分组(或布局卡片
行里再嵌套子行嵌套表单 / 无限级表单
从已有明细里挑一行基础组件里的「子表单选择器」

组件一览

组件作用典型场景
子表单嵌套一块可重复的子区域多位联系人、多段经历
分组逻辑分组包裹字段基本信息 / 财务信息分区
分步表单向导式分步填写入职、开户、长问卷
表格表单表格行列式明细录入报销明细、采购行
表格表单 Pro增强交互的表格明细行内计算、更复杂行操作
嵌套表单表单中再嵌套表单结构复杂层级业务
无限级表单支持更深层级扩展多级拆解、树状明细

怎么用(分步)

以表格表单为例

  1. 拖入「表格表单」到工作区。
  2. 为列添加组件(输入框、计数器、选择器、上传等)。
  3. 配置列标题、验证;需要时给金额列加计算公式
  4. 预览中测试:增行 → 填数 → 删行 → 提交

以分步表单为例

  1. 规划每一步标题(出差信息 / 费用明细 / 确认)。
  2. 把字段拖进对应步骤;可用大纲检查是否漏字段。
  3. 预览完整走完每一步,确认必填不会卡在看不见的步骤上。

以子表单为例

  1. 拖入子表单容器。
  2. 在容器内拖入姓名、电话等字段。
  3. 预览用「添加」增加第二块;确认最少/最多条数(若界面支持)符合业务。

业务示例

入门:紧急联系人(子表单)

背景:员工档案需要 1~3 位紧急联系人。 步骤:拖入子表单 → 内放姓名、电话、关系 → 预览添加第二位联系人。 预期:主表一个人,明细多条联系人;电话可配验证

入门:费用分区(分组)

用两个「分组」分别放「出差信息」「费用汇总」,不必做成可增删明细。适合只分区、不重复的结构。

常用:差旅报销(分步 + 表格表单)

  1. 分步:步骤 1「出差信息」,步骤 2「费用明细」。
  2. 步骤 2 放表格表单:日期、费用类型、金额、发票附件。
  3. 金额列配合计算公式做行合计 / 总合计。
  4. 预览完整走两步并提交。

常用:采购申请(表格表单 + 联动)

列:物料(远程选项)、数量、单价、行金额。 选物料后用数据联动回填单价;行金额用公式 数量 × 单价

常用:BOM / 拆解(嵌套或无限级)

主件一行下再挂子件明细;层级不固定时用无限级,层级固定且浅时用嵌套表单。结构变深后优先用大纲定位。

常用:弹窗里填明细(模块 + 子表)

主表放摘要;「编辑明细」打开模块,模块内用表格表单录入,确定后回填或保留在模块数据中(按业务约定)。

与其它能力配合

需求配合
行金额、合计计算公式(如 COLUMN / SUM)
选物料带出单价数据联动
某列有时必填必填条件
明细放弹窗模块管理
排版分区但不重复布局组件

注意点

  • 先定「主表字段 vs 明细字段」,再选子表单或表格表单。
  • 明细校验(如数量 > 0)要在列上单独配置。
  • 分步表单注意「当前步看不见的必填」——预览时逐步提交/下一步验证。
  • 嵌套过深会增加维护成本;能扁平就扁平。
  • 结构变深后,优先用大纲定位,避免画布点选困难。

相关阅读

相关技术文档