跳转到主要内容
子列表(仅限审批表单)

通过易企办的子列表批准表单功能简化批准流程。简化工作流程,确保决策顺利进行。

超过一个月前更新

简单来说,子列表是一个重复的表格,它使您能够向批准表单添加多个行项目。您的数据通常是相互依赖的。您可能需要将多个项目关联到单个记录上。从技术上讲,我们将这些称为“行项目”。子列表允许向单个记录添加多个行项目。

例如,当订购手机时,客户可能会订购配件,例如手机充电器、翻盖和麦克风 - 以及主要产品一起。因此,这些变为“子产品”。尽管客户A订购了这三个配件,但客户B可能会另外订购5个。每个配件可能需要包含必要的信息,如金额、费率、数量、折扣等。

下面是子列表在表单上的样子:


何时使用此子列表字段

子列表字段最适合用于使用户输入具有主细节关系的数据。让我们以IT资产管理(ITAM)为例来理解这一点。

想象一下,您正在构建一个应用程序来管理组织中的设备 - 笔记本电脑、智能手机和平板电脑,并且作为其中的一部分,希望为每台设备捕获以下信息:

  • 购买日期

  • 购买订单编号

  • 供应商相关数据,如购买设备的供应商的名称、电子邮件地址、电话号码和地址

  • 设备相关数据,如设备的名称、类型、序列号和价格

实际上,实现这一点并不困难。您只需创建一个表单(例如,采购订单表单),并与您的资产管理人员共享。想象一下,如果您的表单允许资产管理员每次提交一台设备的购买详情。即使您的资产管理员在同一天从供应商那里购买了多台设备,他/她也必须通过采购订单表单提交同样数量的条目。因此,存储在采购订单表单中的记录(在其报告中)将看起来(在其报告中)好像它们代表的是单独的购买,而实际上并不是。

在这种情况下,子列表可以帮助。但首先让我们回答这个问题:在上述场景中是否存在主细节关系?是的,存在。具体如下:

  • 首先,每台设备都是从供应商那里购买的。这表明设备和供应商之间存在关系。

  • 其次,您的IT经理是否一次从供应商那里购买一台设备?大多数情况下,不是。

  • 由于可能一次购买多个设备,因此购买日期、购买订单编号和供应商相关数据是主要的,而设备相关数据则是详细信息。

当您在表单中添加子列表字段,以便能够输入正在购买的设备的详细信息时,每次进行购买时,您的资产管理员将能够一次性输入所有设备的详细信息。(每个购买记录可以与多个设备相关联)


将子列表添加到表单

首先,在控件添加面板中找到子列表控件。然后,将其拖放到画布上的一个部分或容器中。


子列表字段的基本内容

打开内容 > 基本块,并设置此子列表控件的标题文本。有关字段控件的标题的更多信息,请参阅:

了解字段控件的标题

为此子列表控件设置相关变量。当您添加新的子列表控件时,将自动生成一个默认变量。您可以单击“编辑”按钮以更改ID和名称,或单击“重置”按钮以将此子列表控件绑定到其他现有变量。有关更多信息,请参阅:

了解表单控件和相关变量/字段


设置列表内容

1.选择子列表控件的布局

移至“列表内容”部分。从下拉列表中选择正确的布局。

有3种类型的布局可供选择:

1.表格视图:如果要将子列表布局和项目显示为表格,请选择此选项。用户添加到此子列表控件的每个项目都将显示为具有预定义列的行。

2.卡片视图:选择此选项将逐个显示项目,每个项目都有单独的区域。

3.动态:如果布局设置为动态,则在PC和平板设备上将子列表设置为表格视图,在移动设备上设置为卡片视图。

4.默认:默认布局为动态。

表格视图和卡片视图的属性和样式可以分别设置。因此,如果选择了默认/动态布局,则将能够查看与表格视图和卡片视图相关的所有设置。否则,您将只能查看表格视图相关的设置或卡片视图相关的设置。

2.允许用户切换布局

如果您的子列表的布局设置为默认/动态,则会看到一个复选框选项。

对于动态布局,子列表将自动在PC和平板电脑上使用表格视图,并在移动设备上切换为卡片视图。如果您希望用户能够灵活地在表格视图和卡片视图之间切换,您可以勾选复选框。

一旦勾选了此选项,您将在标题栏末尾看到2个额外的图标按钮。

当用户提交表单并查看已提交的表单时,他们将能够使用这些图标按钮切换布局。

2.向子列表控件添加字段和列

要创建和管理此子列表控件的列,请找到布局后的字段设置,然后单击“设置”按钮以打开列表列设置窗口。

单击“添加字段”按钮以为此子列表创建新字段。这里的每个字段都类似于主表单的每个字段控件的关联变量,包括字段ID、字段名称和字段类型。

您可以更改重命名每个字段的ID和名称,或从下拉列表中选择类型。单击每个字段的复选框以在子列表中显示/隐藏列。对于某些情况,您可能只想在子列表中显示部分字段,而隐藏其他字段。例如,在提交表单时,仅显示前3个字段,而在下一个任务表单上,显示另外2个字段以供任务所有者查看或填写。

单击“确定”按钮以添加这些字段。所选字段将根据排序顺序添加到子列表中。

您可以拖动以更改每个列的顺序,或单击“垃圾桶”按钮从子列表中删除此列(这不会删除相关字段,就像从列表字段设置窗口取消选择复选框一样)。

接下来,单击每个列以展开设置面板。您可以更改控件类型,例如,如果字段类型为数字,则可以将控件类型设置为数字、百分比、货币或计算。然后,在控件属性之后单击“设置”按钮以设置每个控件的属性和样式。

在审批表单中配置子列表动作

在审批表单的子列表中,可以通过配置每个字段的设置来设置动作。请按以下步骤配置动作:

  1. 打开设置
    在控件属性后点击“设置”按钮,以设置每个控件的属性和样式。

  2. 展开动作部分
    动作部分,展开选项以为该字段配置具体的动作。

  3. 选择或创建动作
    下拉菜单中,您有以下选项:

    • 选择已有动作:从已创建的动作列表中选择。

    • + 新建动作:点击此选项,为该子列表字段创建一个新的自定义动作。

    • + 新建列表动作:选择此选项添加新的基于列表的动作,专用于管理子列表中的多项内容。

    了解如何创建表单动作

  4. 子列表动作面板
    子列表动作面板的右上角会注明其来源(列表:列表:PO采购详情列表),便于识别该动作仅适用于子列表字段。

通过这些设置,您可以轻松地为每个子列表字段配置动作,从而增强审批表单中的功能并简化工作流。

在表格视图部分,您可以设置每个列的宽度为PX或%。从卡片视图部分,您可以将每个控件的宽度设置为百分比。例如,要在每行中显示4个控件,可以将宽度设置为25%。

标题布局、垂直对齐和标题宽度设置有助于设置每个控件的标题定位。

3.添加摘要字段

使用摘要设置来计算一个列的所有记录的值。例如:计算所有产品的总价格,或所有订单的平均价格等。

要添加新的摘要字段,请单击摘要设置区域中的“设置”按钮。然后,单击“添加”按钮以打开摘要编辑器。

  • 字段:选择要进行计算的字段。

  • 类型:从下拉列表中选择操作类型,以确定如何计算此字段的值。可用选项取决于所选字段的类型。对于数字字段,可以选择总和、平均值、最小值或最大值。对于非数字字段,您只能选择连接。

  • 显示:选择是否在子列表控件中显示此摘要字段。

  • 绑定:如果您希望将此摘要字段的结果值重用,则可以将该值设置为主表单上的另一个字段或变量。例如,如果您使用摘要字段来计算子列表中所有采购订单的总价格。然后,使用此总和值作为审批流程的条件(例如,如果总价格大于2,000,则进行首席财务官批准),您可以将此总和值绑定到另一个变量,并在以下工作流程设计中使用。请参阅此文章,了解如何将子列表字段的摘要值保存到单独的变量中。

扩展摘要字段的设置面板,在卡片视图下设置容器宽度。

4.自定义回退文本

接下来,从回退设置部分设置文本。当子列表没有任何项目时,此文本将显示。


外观设置

显示标题:您可以通过打开/关闭显示标题选项来控制是否显示标题。

打开折叠选项以允许用户折叠和展开网格内容区域。

允许评论:打开此选项将允许用户在此控件上添加评论。

动态显示规则:当设置动态显示规则时,它会根据特定条件和规则表现出不同的行为。了解如何为控件创建动态显示规则。


子列表控件的验证

打开内容>验证块以设置此子列表控件的属性。

只读:打开此选项将使此字段控件处于只读状态。

必填:要求用户至少添加一行项目。

添加项目:打开此选项以允许用户通过单击“添加项目”按钮添加新行项目。如果将此选项设置为关闭,则用户将无法看到“添加项目”按钮。

允许导入:如果需要添加许多项目到此子列表中,可以打开此选项以允许用户从Excel文件导入数据。启用“允许导入”后,用户可以选择逐个添加项目,也可以批量导入以添加多行。

专业提示

要处理批量导入,您列表的每个列标题都应该是唯一的,因此上传文件应该在第一行具有相同的标题名称。

删除项目:打开此选项以允许用户通过在每个项目前或后点击“删除”按钮来删除现有行项目。如果将此选项设置为关闭,则用户将无法看到“删除”按钮。

自定义验证:设置自定义验证规则。指定条件为真时,在字段下方将显示错误消息。它将允许您添加任意数量的规则来验证您的字段。了解有关自定义验证的更多信息。


样式化子列表控件

现在是定义子列表控件外观的时候了。前往样式块,在那里您可以使您的表格看起来更加吸引人。

常规

1.表格视图

  • 表格宽度:将数据表的宽度设置为固定的px或容器宽度的百分比。

  • 列宽度:设置如何为每列分配列宽。固定意味着每列宽度将完全根据列设置面板中设置的值,而自动意味着每列宽度将根据上面设置的表格宽度的总宽度进行比例分配,并根据每列宽度的比例分配。

  • 表格对齐:选择右对齐、居中或左对齐。

  • 边框类型:选择要在表格周围使用的边框类型。

  • 半径:设置边框半径以控制角的圆度。

  • 阴影:设置选项以在数据表上应用框阴影。

2.卡片视图

  • 边距:以PX或%设置卡片视图区域的边距。

  • 填充:在卡片视图区域内设置内容的填充。

3.回退

设置回退的文本的字体和颜色。

表头

  • 填充:更改每个表头单元格中内容的填充设置。

  • 边框类型:选择要在表头周围使用的边框类型。

  • 对齐:将表头文本左对齐、居中或右对齐。

  • 垂直对齐:将表头文本的垂直对齐方式设置为顶部、中间或底部。

  • 字体排印:更改表头文本的默认排印选项。

  • 正常/悬停:为标题的状态设置不同的颜色和背景颜色。

  • 颜色:选择正常和悬停状态的标题文本的颜色。

  • 背景颜色:选择正常和悬停状态的标题背景颜色。您可以使用纯色或渐变色。

表内容

1.行项目

设置每个行项目的样式:

  • 行背景颜色:选择正常和悬停状态的每行背景颜色。

  • 填充:更改每个内容单元格中内容的填充设置。

  • 边框类型:选择要在表格内容周围使用的边框类型。

2.摘要

设置摘要行的样式:

  • 行背景颜色:选择摘要行的背景颜色。

  • 填充:更改摘要行中内容的填充设置。

  • 边框类型:选择要在摘要表格周围使用的边框类型。

  • 标题:为每个摘要字段的标题文本设置字体和颜色。

  • 值:为每个摘要字段的值文本设置字体和颜色。

卡片内容

  • 边距:以PX或%设置每个卡片项目区域的边距。

  • 填充:在每个卡片项目内的内容内设置填充。

  • 背景颜色:选择每个卡片项目的背景颜色。

  • 边框类型:选择要在每个卡片项目周围使用的边框类型。

  • 半径:设置边框半径以控制角的圆度。

  • 阴影:设置选项以在每个卡片项目上应用框阴影。

  • 内容填充:设置卡片项目内每个控件的填充。

摘要卡片

  • 边距:以PX或%设置摘要卡片区域的边距。

  • 填充:在摘要卡片区域内的内容内设置填充。

  • 背景颜色:选择摘要卡片区域的背景颜色。

  • 边框类型:选择要在摘要卡片区域周围使用的边框类型。

  • 半径:设置边框半径以控制角的圆度。

  • 阴影:设置选项以在摘要卡片区域上应用框阴影。

  • 内容填充:设置摘要卡片区域内每个摘要字段控件的填充。

  • 内容对齐:设置每个摘要字段控件的内容对齐。

  • 标题:为每个摘要字段的标题文本设置字体和颜色。

  • 值:为每个摘要字段的值文本设置字体和颜色。

删除项目按钮

设置表格视图和卡片视图中删除项目按钮的样式:

  • 正常/悬停:为删除项目按钮的状态设置不同的颜色和背景颜色。

  • 文字颜色:选择删除项目按钮的文本颜色,分别为正常和悬停状态。

  • 背景颜色:选择删除项目按钮的背景颜色,分别为正常和悬停状态。

  • 字体排印:更改删除项目按钮的文本的默认排印选项。

  • 边距:以PX或%设置删除项目按钮的边距。

  • 填充:以PX或%设置删除项目按钮的填充。

  • 边框类型:选择要在删除项目按钮周围使用的边框类型。

  • 半径:设置边框半径以控制角的圆度。

  • 阴影:设置选项以在删除项目按钮上应用框阴影。

  • 位置:设置删除项目按钮的位置,以在每行的开始或末尾显示。

添加项目按钮

设置表格视图和卡片视图中添加新项目按钮的样式:

  • 正常/悬停:为新项目按钮的状态设置不同的颜色和背景颜色。

  • 文字颜色:选择新项目按钮的文本颜色,分别为正常和悬停状态。

  • 背景颜色:选择新项目按钮的背景颜色,分别为正常和悬停状态。

  • 字体排印:更改新项目按钮的文本的默认排印选项。

  • 边距:以PX或%设置新项目按钮的边距。

  • 填充:以PX或%设置新项目按钮的填充。

  • 边框类型:选择要在新项目按钮周围使用的边框类型。

  • 半径:设置边框半径以控制角的圆度。

  • 阴影:设置选项以在新项目按钮上应用框阴影。

  • 对齐:将按钮对齐到左侧、居中、右侧或两端。

标题样式

1.边距:以PX或%设置标题的边距。

2.填充:以PX或%设置标题的填充。

3.背景类型:选择背景颜色。您可以使用纯色或渐变色。

4.边框类型:选择要使用的边框类型,从无、实线、双线、点线、虚线或凹线中选择。

5.半径:设置边框半径以控制角的圆度。

6.阴影:调整框阴影选项。

7.标题:设置标题文本的样式。

  • 字体排印:为标题文本设置字体选项。

  • 颜色:选择标题文本的颜色。

8.图标:设置右侧图标按钮(布局切换图标和展开/折叠图标)的样式。

  • 颜色:选择图标的颜色。

  • 活动颜色:选择活动图标按钮的颜色。

  • 大小:设置图标的大小。

高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?