Ecode-表单明细树组件

发布于 2026-07-09

一个 e-builder 自定义表单组件,可在表单设计器中拖拽到表单使用,基于 Table 组件,可复制表单中的整个明细,按明细数据中的上下级关系展示树形结构,支持自动合计功能,可合计下级数据

![[Pasted image 20260324115153.png|697]]

![[Pasted image 20260327090945.png]]

核心特性

  • 可作为表单组件拖拽到表单使用,可在组件中配置参数
  • 对现有明细增加树形结构功能,保持字段类型不变
  • 可合计下级字段值到上级字段中

使用方法

此应用为 eb 自定义表单组件,需要在 eb 表单中导入自定义组件,如果需要在流程中使用,可以在流程表单使用页面块组件,在页面块组件内使用 eb 自定义组件。

自定义组件包:

功能

  • **树形层级展示**:根据标识字段和上级字段自动构建层级关系
  • **自动合计**:支持合计字段自动汇总下级数据到上级行
  • **虚拟父节点**:当下级数据引用了不存在的上级时,自动创建虚拟父节点
  • **字段类型支持**:支持文本、数字、下拉框、浏览按钮等多种字段类型
  • **只读控制**:标识字段、合计字段、上级行自动设为只读
  • **数据同步**:表格数据变更自动同步到表单明细

实现说明

本案例使用 e-builder 自定义表单组件进行开发,使用 `Table` 组件复制了整个明细,并根据配置的上下级字段生成树形结构(Table 组件支持),为了让 `Table` 表中的字段保持与原来明细表中的字段一样,需要使用 `FormSwitch` 组件复制明细表的字段。

关于 `FormSwitch` 组件的使用请查看 [[E10 前端二次开发指南]]