在搭建应用、设计表单的过程中,可使用布局类型的组件来调整表单布局的排版结构效果,或实现主从数据的录入管理。
例如使用分组组件将多个字段放置在一个整体容器中,使用选项卡组件将多个字段放在可切换tab的容器中,使用一行多列组件设计每行的字段数,使用明细表组件实现主从数据录入管理等。
(如您首次使用,建议先查看以下帮助:表单整体介绍 表单设计快速入门 组件通用功能介绍 )
放置后,可以配置一行显示两个字段或者一行显示三个字段
每个单元格只允许放置一个字段;
选中组件后,支持拖拽、删除、复制;
组件设置
明细表名称:自定义输入明细表的名称;
数据key/明细表数据库表名称:明细表数据标识,保存后不可修改;
明细表描述:明细表整表的描述说明;
排序设置:支持设置按照指定字段进行明细表行数据的排序显示;
选择关联表的字段:主表存在可关联组件时,点击此处设置,可配置明细表中字段值的来源;
开启二级明细表:需要实现明细表嵌套/二级明细表场景时,可开启此功能
开启后,联动显示【嵌套父级行标识】,设计器实时显示二级明细表放置区域
1)嵌套父级行标识:用于绑定父子级关系,可配置行ID/文本/选项字段;
2)该属性切换后会导致父子级绑定关系丢失,请谨慎修改;
放置子级明细表到指定区域,右侧属性面板设置【嵌套子级行标识】
1)嵌套子级行标识:用于绑定父子级关系,可配置单行文本字段;
2)添加子级明细表行数据时,嵌套子级行标识会自动获取回显【嵌套父级行标识】字段内容;
运行时实际效果
明细表嵌套其他规则:
1)父子级明细表不可交叉嵌套,即子级明细表只能放置对应的父级明细表中;
2)子级明细表可单独放置在主表中,按照普通明细表运行生效;
读写属性:设置明细表整表的显示、编辑、必填属性;
隐藏标题:默认关闭,开启后明细表整表的标题不显示;
默认视图:默认为表格视图,可手动切换为平铺视图。表格视图/平铺视图相互切换时,会清空视图下所有组件,平铺视图效果如图:
列宽设置:设置明细表字段每列的宽度占比
明细表横向滚动条关闭时,列宽设置不生效;
移动端会根据设置的列宽自适应;
默认行数/最大行数:设置明细表默认显示的行数量和最大可添加的行数量;
冻结列设置:默认不冻结,设置列后明细表横向滚动时,设置的列数在滚动时固定在左侧位置
横向滚动条关闭时,冻结列不生效;
从字段列开始冻结,不包含序号和选择列
隐藏头部:默认关闭,开启后明细表整表的头部(明细表标题、操作按钮区域)不显示,仅运行时生效;
冻结表头:默认关闭,开启后明细表行数上下滚动时,明细表字段标题行固定在顶部;
显示序号:默认开启,显示序号列;
启用分页:默认关闭,开启后明细表行默认显示分页按钮,可手动切换每页显示行数
明细表未启用分页时,明细表行数超过50行,会自动显示【加载更多】,点击显示更多行数
手动排序:默认关闭,开启后明细表字段标题右侧显示排序按钮,点击进行排序
PC端展示方式:默认为默认视图,可切换为卡片视图
PC端弹出编辑:默认关闭,启用后可点击配置按钮弹出字段编辑弹窗
启用:默认关闭,点击进行启用;
列数:可设置弹出的编辑弹窗每列显示的字段数;
触发方式:设置点击哪些按钮可以弹出编辑弹窗。
PC端横向滚动条:默认开启,明细表字段较多超出容器整体宽度时,显示横向滚动条。关闭后不显示滚动条,字段全部显示在可视页面。
启用导入:默认关闭,开启后显示明细表导入按钮,支持导入添加明细数据
导入选项:设置明细表导入时是否执行数据钻取、数据运算、字段联动等配置
导入设置
1)导入类型:支持覆盖导入(覆盖原有数据导入)、新增导入(保留原有数据,在原有数据后新增行导入);
2)模板导出列设置:设置下载的导入模板中明细表字段显示的列,支持导出全部可见列或者仅导出可编辑列;
3)下载模板:点击【明细表导入模板】,下载明细表导入的模板;
4)模板字段格式设置:可设置人员/部门/分部字段的导入格式
导入步骤:下载明细表导入模板,填写明细表字段内容,上传导入文件,点击下一步执行导入
注意事项
启用导出:默认关闭,开启后显示导出按钮,点击进行明细表数据导出
手动切换编辑:默认关闭,开启后明细表默认为只读模式,需要点击手动编辑按钮才会切换为编辑模式
移动端展示方式:默认为默认视图,可切换为卡片视图,切换为卡片视图后,联动显示卡片视图属性配置
允许新增明细行:默认开启,关闭后不显示明细表整表新增行按钮;
允许复制明细行:默认开启,关闭后单行复制按钮、批量复制行不允许操作;
允许修改已有明细:默认开启,关闭后不允许修改已经填写的明细表行数据;
允许删除已有明细:默认开启,关闭后不允许删除已经填写的明细表行数据;
根据操作者过滤:明细表内放置了【人员选择】/【部门选择】/【分部选择】字段,可以设置此项。设置过滤条件,满足条件的明细表行数据才会被显示出来
关系-包含:明细表行内对应字段,需要将包含的所有值全部选择上,才视为满足条件;
关系-属于:明细表行内对应字段,只需选择其中某一个或者部分值,就视为满足条件;
合计字段设置:明细表内存在数字、金额、运算字段时,此项可配置。默认开启合计,支持配置关闭合计;
过滤已选数据:设置明细表内关联上报字段,不允许选择重复的数据;
批量添加数据:开启后,可配置字段是否支持批量添加数据。支持配置选项类型、关联类型字段;
合并显示字段:设置后,页面只读时设置的字段,如果上下相邻多行内容相同,则合并为一个值来显示;
明细数据分组:按照设置的字段分组维度,对明细表行数据进行不同分组展示方式;
按钮设置:可自定义明细表显示的操作按钮配置;
排序设置:可按照设置的字段数据进行升序或者降序排序,可设置默认排序;
搜索设置:可设置快速搜索的字段,输入字段内容后按照关键字搜索显示对应的明细表行数据;
组件样式
明细表组件样式配置说明,具体可见 自定义样式中明细表配置说明
针对特殊属性,在表格式布局有配置差异功能进行说明,其他相同属性不再进行说明
开启二级明细表
双击进入明细表sheet页面,右侧属性面板开启二级明细表,设置嵌套父级行标识;
顶部明细表标识放置【展开行】,仅允许放置在表头表尾之间;
设计器中二级明细表开始/结束标识之间,放置子级明细表,双击子级明细表进入该子级明细表设计页面
子级明细表右侧属性面板,设置嵌套子级行标识
运行时效果
冻结列设置
从明细表配置中放置的第一列生效,包含序号和选择列;
冻结列的单元格不能与未冻结的单元格列合并,否则冻结列失效;
放置后,支持组件放置在不同的tab页中,各个tab页支持切换
字段名称:选项卡组件的名称输入;
移动端滑动切换:开启后移动端支持左右滑动切换;
读写属性:显示勾选后,运行时显示此组件及组件内字段;关闭后,组件包含组件内字段均不显示;
选项卡设置:自定义新增、删除tab,可设置tab顺序及名称;
高度设置:可选择自动充满页面高度或者设置固定高度;
标题宽度自动撑开:tab名称较长时超出默认宽度时省略显示,开启后会自动撑开显示;
样式设置:对选项卡及tab页的样式进行设置,可应用已有样式或者添加样式。
对布局中各字段按照不同分类进行分组,可使用分组组件,将同分类字段放置进一个分组内
组件设置
字段名称:自定义分组组件名称;
描述:自定义分组组件描述说明;
读写属性:显示勾选后,运行时显示此组件及组件内字段;关闭后,组件包含组件内字段均不显示;
关闭折叠:默认开启,开启后分组组件不允许折叠;关闭后分组组件可进行折叠操作,可选择是否默认折叠。
组件样式
设置分组组件排版、标题描述内容、图标等样式,具体可见 自定义样式的分组配置说明
布局中字段需要按照不同区块显示时,可考虑使用框架组件。
组件设置
显示区块:分为头部、主体、左侧、右侧、尾部五个区块,可设置区块显示或者隐藏,主体不可进行隐藏;
占比:可设置左侧/右侧区块整体占比,支持百分比%或者固定宽度px;
折叠按钮设置:可设置头部、左侧、右侧、尾部四个区块的折叠按钮是否隐藏,以及折叠按钮的显示位置;
组件样式
可设置框架组件内各区块组件的间距