电话 400-111-2626

# 一、简介:

# 1.使用场景

当需要在表单填写页或表单详情页中,使用“树形/树状列表”的形式来展示层级数据时,可使用“树形表单”关联组件,典型场景:关联展示项目多级任务、关联展示多层级的物料清单。

效果示意如下:

企业微信截图_17053866735817.png

# 2.功能说明

  1. 目前仅支持旗舰版租户使用该功能

  2. 树状列表的数据层级(父子层级)关系最多为10层。

  3. 树形表单目前仅支持PC端展示,移动端将直接不展示

# 二、配置说明:

##1.配置步骤

组件可关联的表单,仅支持开启了【树状数据集】配置的表单

image.png

注:【树状数据集】设置说明,见「树状数据集 (opens new window)

# 2.属性设置

# 2.1 表格高度设置:

设置树状列表组件在用户端的最大显示行数,可配置显示行数为5条,10条、20条数据。未使用时,列表有多少数据则显示多少行,不限制最大显示行。

10条数据的高度示例:

image.png

注:当数据量没超过配置的表格高度时,树形表单的展示高度以实际的数据条数为准。

例如下方树形表单配置的表格高度为10行,但实际上数据只有6条,没超过配置的最大表格高度。而在用户端查看时,树形表单展示的高度就是6行,即以实际的数据量为准:

image.png

# 2.2关联表配置:

# 显示字段

【树状表单】组件在表单中以树状视图的形式展示绑定表单的数据,在此可以设置该组件能展示的字段,同时可进行列宽设置。

image.png

# 联动筛选

1)将绑定表单(关联表单)某个字段的值与本表的字段值进行匹配,筛出字段值相同的数据

2)可以配置多项筛选条件,支持叠加【或条件】与【并条件】多层级筛选。

image.png

# 数据过滤

通过“基础模式”或“高级模式”配置的筛选条件,对【树形表单】展示的列表数据进行进一步筛选。

关于“基础模式”与“高级模式”,详情可参见公共类配置项-数据过滤 (opens new window)

# 操作权限

可在此配置是否支持在用户直接在表单中对【树形表单】组件关联的表单直接进行导入/导出,清空数据的操作。

image.png

用户端显示效果:

image.png

注:树形表单的导入/导入,与PC端树状列表的导入导出一致,详情可见树状列表的有关描述:【树状列表-帮助中心】 (opens new window)

1 / 0