• EN

表单组件/布局组件

作者:eteams2025-06-05 09:22

一、 功能背景与概述

在搭建应用、设计表单的过程中,可使用布局类型的组件来调整表单布局的排版结构效果,或实现主从数据的录入管理。

例如使用分组组件将多个字段放置在一个整体容器中,使用选项卡组件将多个字段放在可切换tab的容器中,使用一行多列组件设计每行的字段数,使用明细表组件实现主从数据录入管理等。

(如您首次使用,建议先查看以下帮助:表单整体介绍 表单设计快速入门  组件通用功能介绍 


二、功能目录

三、功能详细说明

3.1 一行两列/一行三列

放置后,可以配置一行显示两个字段或者一行显示三个字段


3.2 明细表

3.2.1 流式布局明细表

3.2.1.1 组件设置

1.明细表名称

自定义输入明细表的名称


2.数据key/明细表数据库表名称

明细表数据标识,保存后不可修改


3.明细表描述

明细表整表的描述说明


4.排序设置

支持设置按照指定字段进行明细表行数据的排序显示


5.选择关联表的字段

主表存在可关联组件时,点击此处设置,可配置明细表中字段值的来源

       


6.开启二级明细表

需要实现明细表嵌套/二级明细表场景时,可开启此功能。明细嵌套相关功能说明如下:

1)开启后,联动显示【嵌套父级行标识】,设计器实时显示二级明细表放置区域

①嵌套父级行标识:用于绑定父子级关系,可配置行ID/文本/选项字段;

②该属性切换后会导致父子级绑定关系丢失,请谨慎修改;


2)放置子级明细表到指定区域,右侧属性面板设置【嵌套子级行标识】

①嵌套子级行标识:用于绑定父子级关系,可配置单行文本字段;

②添加子级明细表行数据时,嵌套子级行标识会自动获取回显【嵌套父级行标识】字段内容;

3)运行时实际效果

4)明细表嵌套其他规则

①父子级明细表不可交叉嵌套,即子级明细表只能放置对应的父级明细表中;

②子级明细表可单独放置在主表中,按照普通明细表运行生效;


7.读写属性

设置明细表整表的显示、编辑、必填属性


8.隐藏标题

默认关闭,开启后明细表整表的标题不显示


9.默认视图

默认为表格视图,可手动切换为平铺视图。表格视图/平铺视图相互切换时,会清空视图下所有组件

平铺视图效果如图:


10.列宽设置

设置明细表字段每列的宽度占比

1)明细表横向滚动条关闭时,列宽设置不生效;

2)移动端会根据设置的列宽自适应;

11.默认行数/最大行数

设置明细表默认显示的行数量和最大可添加的行数量


12.冻结列设置

默认不冻结,设置列后明细表横向滚动时,设置的列数在滚动时固定在左侧位置

1)横向滚动条关闭时,冻结列不生效;

2)从字段列开始冻结,不包含序号和选择列

     


13.隐藏头部

默认关闭,开启后明细表整表的头部(明细表标题、操作按钮区域)不显示,仅运行时生效


14.冻结表头

默认关闭,开启后明细表行数上下滚动时,明细表字段标题行固定在顶部


15.显示序号

默认开启,显示序号列


16.启用分页

默认关闭,开启后明细表行默认显示分页按钮,可手动切换每页显示行数

     

明细表未启用分页时,明细表行数超过50行,会自动显示【加载更多】,点击显示更多行数


17.手动排序

默认关闭,开启后明细表字段标题右侧显示排序按钮,点击进行排序


18.PC端展示方式

默认为默认视图,可切换为卡片视图


19.PC端弹出编辑

默认关闭,启用后可点击配置按钮弹出字段编辑弹窗

1)启用:默认关闭,点击进行启用;

2)列数:可设置弹出的编辑弹窗每列显示的字段数;

3)触发方式:设置点击哪些按钮可以弹出编辑弹窗。


20.PC端横向滚动条

默认开启,明细表字段较多超出容器整体宽度时,显示横向滚动条。关闭后不显示滚动条,字段全部显示在可视页面。


21.启用导入

默认关闭,开启后显示明细表导入按钮,支持导入添加明细数据

1) 导入选项

设置明细表导入时是否执行数据钻取、数据运算、字段联动等配置


2) 导入设置


①导入类型:支持覆盖导入(覆盖原有数据导入)、新增导入(保留原有数据,在原有数据后新增行导入);

②模板导出列设置:设置下载的导入模板中明细表字段显示的列,支持导出全部可见列或者仅导出可编辑列;

③下载模板:点击【明细表导入模板】,下载明细表导入的模板;

④模板字段格式设置:可设置人员/部门/分部字段的导入格式


3)导入步骤:下载明细表导入模板,填写明细表字段内容,上传导入文件,点击下一步执行导入

4)注意事项

22.启用导出

默认关闭,开启后显示导出按钮,点击进行明细表数据导出


23.手动切换编辑

默认关闭,开启后明细表默认为只读模式,需要点击手动编辑按钮才会切换为编辑模式


24.移动端展示方式

默认为默认视图,可切换为卡片视图,切换为卡片视图后,联动显示卡片视图属性配置


25.允许新增明细行

默认开启,关闭后不显示明细表整表新增行按钮;


26.允许复制明细行

默认开启,关闭后单行复制按钮、批量复制行不允许操作;


27.允许修改已有明细

默认开启,关闭后不允许修改已经填写的明细表行数据;


28.允许删除已有明细

默认开启,关闭后不允许删除已经填写的明细表行数据;


29.根据操作者过滤

明细表内放置了【人员选择】/【部门选择】/【分部选择】字段,可以设置此项。设置过滤条件,满足条件的明细表行数据才会被显示出来

1)关系-包含:明细表行内对应字段,需要将包含的所有值全部选择上,才视为满足条件;

2)关系-属于:明细表行内对应字段,只需选择其中某一个或者部分值,就视为满足条件;


30.合计字段设置

明细表内存在数字、金额、运算字段时,此项可配置。默认开启合计,支持配置关闭合计


31.过滤已选数据

设置明细表内关联上报字段,不允许选择重复的数据;



32.批量添加数据

开启后,可配置字段是否支持批量添加数据。支持配置选项类型、关联类型字段;


33.合并显示字段

设置后,页面只读时设置的字段,如果上下相邻多行内容相同,则合并为一个值来显示;



34.明细数据分组

按照设置的字段分组维度,对明细表行数据进行不同分组展示方式;

      


35.按钮设置

可自定义明细表显示的操作按钮配置;



36.排序设置

可按照设置的字段数据进行升序或者降序排序,可设置默认排序;

     


37.搜索设置

可设置快速搜索的字段,输入字段内容后按照关键字搜索显示对应的明细表行数据;




3.2.1.2 组件样式

明细表组件样式配置说明,具体可见 自定义样式中明细表配置说明


3.2.2 表格式布局明细表

针对特殊属性,在表格式布局有配置差异功能进行说明,其他相同属性不再进行说明

1.开启二级明细表

1)双击进入明细表sheet页面,右侧属性面板开启二级明细表,设置嵌套父级行标识;

2)顶部明细表标识放置【展开行】,仅允许放置在表头表尾之间;

3)设计器中二级明细表开始/结束标识之间,放置子级明细表,双击子级明细表进入该子级明细表设计页面

4)子级明细表右侧属性面板,设置嵌套子级行标识


5)运行时效果



2.冻结列设置

1)从明细表配置中放置的第一列生效,包含序号和选择列;


2)冻结列的单元格不能与未冻结的单元格列合并,否则冻结列失效;



3.3 选项卡


3.4 分组

对布局中各字段按照不同分类进行分组,可使用分组组件,将同分类字段放置进一个分组内

组件设置

    

设置分组组件排版、标题描述内容、图标等样式,具体可见 自定义样式的分组配置说明



3.5 框架

布局中字段需要按照不同区块显示时,可考虑使用框架组件。

组件设置

    

组件样式

可设置框架组件内各区块组件的间距


四、关联功能点

表单设计器功能详解


五、常见问题

1.明细表嵌套需要注意一些什么特别的规则?

①父子级明细表不可交叉嵌套,即子级明细表只能放置对应的父级明细表中;

②子级明细表可单独放置在主表中,按照普通明细表运行生效;


2.表格式布局中,二级明细为什么无法展开?

请注意需要在主明细表中,放置【展开行】标识,仅允许放置在表头表尾之间。

放好后,才能看到展开二级明细箭头,才能展开。

Download Log in Enable for free

Scan with WeChat to register and install

在线咨询
  • WeCom service group

    另存
  • Pre-sales consultant

    另存
  • QQ group

    413040701

    Join

Follow us

021-50388680

sales@eteams.cn

Live