重复表录入

为简化数据输入流程而设计的组件,这种控件主要适用于数据字段较少且格式统一的录入场景,避免了为每个数据条目单独构建录入页面的需要,显著提升了数据录入的效率。

控件简介

重复表录入控件是为简化数据输入流程而设计的组件,这种控件主要适用于数据字段较少且格式统一的录入场景,避免了为每个数据条目单独构建录入页面的需要,显著提升了数据录入的效率。

作为重复表控件的一种,重复表录入控件也集成了一系列高级功能,包括但不限于数据选择、排序、筛选、分页以及自定义操作等。

1719828125363

属性

表格属性

组件通用属性说明,请参见组件通用属性说明

  • 实体

展示数据的来源。实体属性具备与多种数据源建立关联的能力。重复表录入控件最常用的是实体数据源和关系数据源。

实体属性可以关联多种数据源,数据源详情信息,请参考:空链接

实体数据源允许绑定当前应用自定义的实体,或跨应用的实体。基于实体数据源,数据控件便能够在应用程序内执行全方位的数据操作,包括但不限于数据的检索、新增、修改以及删除等。

1719830008990

而关系数据源主要用于处理具有主子聚合关系的数据,如物资领用单和领用明细,领用明细依赖于领用单,无法独立进行数据的新增、更新和删除操作,这种情况下,关系数据源可以清晰的表明领用明细和领用单之间的依赖的关系。关系数据源通常需要与单一记录嵌套使用。

1719829784400

  • 隐藏字段

基于性能优化角度,数据控件在进行数据加载时,仅会检索页面中关联了录入控件或表格列的字段。然而,在实际业务中,有些字段数据可能用于页面逻辑处理,但又不希望在用户界面中展示。针对这种场景,平台引入了“隐藏字段”属性,该属性中勾选的字段,无需关联前端控件,但数据加载时仍会获取对应字段值。

1719478981585
1719455754610

  • 条件

定义一组过滤规则的条件编辑器,以便在数据展示时仅显示满足特定条件的数据项。

1719456391246

  • 排序

数据初始加载时的显示顺序,支持选择数据源中的某一字段为排序依据,配置默认排序规则,支持升序和降序。

支持多字段排序,首先按照第一个字段进行排序,当第一个字段相同时,再按照下一个规则进行排序。

1719479426360

控制显示条数

根据预设的排序规则,系统将默认展示排序后的前Top条数据。请注意,一旦配置了此选项,分页功能将不可用,所有符合条件的数据将一次性加载并展示。

1719479839810

  • 实体变更订阅

一般用于弹窗页面数据变更后,控件自动刷新。弹窗“确认”操作需订阅父页面中操作的实体。

1719479955807

  • 默认不加载

该属性勾选后,表格初始化时,不加载实体数据,需通过事件触发查询和刷新数据。

1719480160722

  1. 重复表默认初始化时自动加载实体数据,无需事件触发。
  2. 该设置勾选后,数据来源、过滤条件、排序、分页将由页面规则决定,重复表自带能力将屏蔽。请谨慎使用。
  • 选择模式

表格项勾选模式,支持三种不同的选项:【无】、【单选】和【多选】。当启用【单选】模式时,列表将展示单选按钮,允许用户一次选择一个列表项。而启用【多选】模式后,列表将展示多选按钮,允许用户同时选择多个列表项。选择【无】模式时,则将不显示任何勾选按钮,用户无法通过勾选来选择列表项。三种模式互斥。

1719887928803

  • 多级表头

表头呈多级展示,可表述表头信息层级包含关系。启用多级表头后,画布区可批量选择表头,右键添加上级分组;取消勾选后,将清空多级表头的配置。平台最多支持4级表头。

多级表头详细配置过程,请参见:空链接

1719480790917

1719480973182

  • 列字段

表格展示的字段。可添加实体模型中字段,或添加自定义列。

自定义列相关信息,请参见:空链接

1719887799862

  • 操作列

表格的一个特殊列,它包含对表格中每行数据可以执行的操作或命令,常见操作列操作:查看、编辑、删除等。

◇ 常用按钮数:默认为3,超过配置数的操作将收起至更多

◇ 显示位置:操作列位置支持列首、列尾两种,默认列尾

◇ 操作配置:支持配置操作的图标、名称、事件、状态和样式

1719482109444

  • 顶部操作

位于表格最上方的一组操作工具,通常用于提供对整个表格数据或选定行的批量操作,如新增、删除、导入/导出。

重复表录入控件作为全表编辑型控件,会频繁执行插入、删除等操作,为了提升操作便利性,平台预置了三种录入的常规操作:

◇ 插入操作:插入一个空白行

◇ 复制操作:复制当前行或勾选行

◇ 删除操作:删除当前行或勾选行

1719888025007

  • 行浮层操作

重复表录入控件的行操作类型之一,位于重复表录入控件侧边的快捷操作,鼠标hover行时展示,仅支持三种预置操作:新增行、复制行、删除行。预置操作的功能与顶部预置操作一致。

1719890620026

行浮层操作支持三种显示样式:

1719890861158

◇ 联动显示:默认,与顶部操作中同类型预置操作状态同步,如顶部操作中的[删除]操作隐藏,则浮层操作中[删除行]操作联动隐藏

◇ 独立显示:行浮层操作显示状态独立控制

◇ 不显示:不显示行浮层操作

  • 行序号

启用后,逐一为每一行数据分配一个唯一的序号。

1719890971700

  • 过滤能力

表格的快速搜索能力,启用后,允许设计师配置搜索字段,搜索区在表格上方。

1719543496781

搜索字段配置:单击搜索类型框后方的“设置”图标,可选择表格所关联实体的字段作为搜索字段,此外还可自定义配置搜索字段的显示样式等。

搜索字段的配置方式,与筛选控件中搜索设置相同,详情配置指南请参见:筛选控件-搜索字段配置空链接

1719544012516

表格搜索模式:

◇ 条件下拉:允许用户针对指定的数据字段进行数据检索

1719554173807

◇ 条件平铺:多个搜索字段并排或垂直排列展示,用户可以在这些字段中输入不同的搜索条件

1719554226935

◇ 快捷搜索:提供单一搜索框,可在多个预设文本字段中进行搜索。仅文本支持快捷搜索,最多支持3个字段同时参与快捷搜索。

1719554265152

◇ 折叠按钮:提供折叠按钮,将所有搜索字段简洁地收纳于该按钮下,点击此按钮即可展开或隐藏搜索选项。

1719554318639

  • 分页设置

是否展示分页组件

1719556775678

  1. 前端分页:所有数据一次性从后端获取,并存储在前端。前端通过控制显示的页数和每页显示的条目数量将数据进行分页展示,不需要与后端进行交互。
  2. 后端分页:数据分页处理在后端完成,只有用户请求的特定页面数据会被发送到前端,每次切换分页,均需发送后端请求。
  3. 数据源为实体数据源时,表格分页为后端分页,数据源为关系数据源时,表格分页均为前端分页。

◇ 分页条数:分页组件处展示每页显示条数的选择列表,需设置数组,如[5,10,20,50,100]。在"分页"属性开启时有效

1719556891903

◇ 默认分页条数:每页的数据条数。默认20条。在"分页"属性开启时有效。

1719557009505

◇ 自定义输入跳转页码:勾选“启用跳转”,在分页后增加跳转输入框,可自定义输入跳转页码。

1723778501014

1723778520993

◇ 对齐方式:分页组件的对齐模式,支持左、中、右

1719557244781

  • 列宽可调整

运行态可根据个人需求拖拽调整表格中各列的宽度,该调整仅对当前会话有效,重新加载页面将恢复到默认的列宽设置。

1719557874677

  • 固定列

当表格横向滚动时,某些列被锁定并始终显示在屏幕的指定侧,而其他列则随滚动条移动。

1719559112776

  • 最小条数

保存时系统会自动检查输入的数据条目,若数据条数未达到预设定的最小条数要求,将无法保存。

  • 默认条数

初始化时若尚无任何数据项时,控件会自动添加一定数量的空白数据项,以便可以便捷的输入信息。

  • 总有一行选中

勾选后始终存在选中行,默认为当前页第一行。

列属性

单击欲查看属性的列字段,即可在右侧查看并修改列属性。

1720059901762

具体字段的设置,需点击列内子控件进行设置,配置详情请参见:空链接

1720060089556

  • 隐藏列

开启后,该数据列不可见。默认关闭。

1719559457885

  • 列对齐

当前字段列的表头和内容对齐方式。

1719560625111

◇ 列对齐:列内容对齐模式,支持居左、居中、居右

◇ 表头对齐:表头对齐模式,支持跟随、居左、居中、居右。默认跟随,设置跟随后,表头跟随列对齐

1719561011509
1719561188185

  • 描述信息

允许设计师对字段列进行详细说明。

1719562183972

事件

表格事件

  • 点击行时:点击某一行时触发。
  • 双击行时:双击某一行时触发。
  • 勾选行时:表格产生勾选动作时触发。
  • 取消勾选行时:表格产生取消勾选动作时触发。
  • 勾选行改变时:勾选行产生改变时触发,包含新增勾选和取消勾选,
  • 全选时:表格产生全选动作时触发。
  • 取消全选时:表格产生取消全选动作时触发。
  • 数据加载后:当数据控件数据初始化加载完成后触发。
  • 分页改变时:分页发生改变时触发。

列事件

  • 单击单元格:点击当前列中单元格数据时触发。
  • 双击单元格:双击当前列中单元格数据时触发。
  • 单击标题格:点击当前列中表头时触发。
  • 双击标题格:双击当前列中表头时触发。

风格

表格风格

1723084337280

  • 内框线:表格内部各个单元格之间的分隔线,支持横线和纵线设置。
  • 表格高度:表格高度设置,数据项过多超出预定义的高度时,表格将产生纵向滚动条。支持px设置和行数设置。

自适应:表格高度根据内容自适应。

最大值:设定表格最大高度,当内容超过最大高度时,表格将出现纵向滚动条。

  • 伸缩:表格放到页面上时,可以伸缩占满剩余空间。

自动拉伸:当父级容器主轴有剩余空间时,子控件可以拉伸填满剩余空间,当子控件的内容超过剩余空间时,父级控件出现滚动条。

自动缩小:当父级容器主轴剩余空间不够时,子控件自动缩小,子控件可能出现滚动条。

  • 行选中效果:选中行时,支持高亮效果。

1723792548971

可分别设置列对齐和表头对齐

最后修改 August 23, 2024: 部分组件增加摘要。 (43968eb)