数据组件

数据

隐藏

您可以使用“ 隐藏” 组件创建可在表单内自定义设置的资源属性。 它不会在呈现的表单中显示。

容器

您可以使用“ 容器 ”组件将一组字段包装到具有容器键的对象中。 具有键 financialPerformance 的 容器 提交为：

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

数据映射

数据类型： System.Collections.Generic.Dictionary<System.String,System.String>

使用 数据映射 组件创建键值对。 该组件可在 Runtime编辑，因此用户可以通过单击“ 添加其他”来创建新的键值对。

注意： 默认情况下，“ 键 ”字段是“ 文本字段 ”，无法更改。 “ 值 ”字段可以与其他组件一起更改。

• “键列标签” - 设置要为“ 键 ”列显示的标签。 如果留空，则列的名称将保持为“ 键”。
• 禁用添加/删除行 - 隐藏允许在显示表单时添加或删除行的按钮。
• 在值列之前显示键列 - 选择是否要在值列之前显示键 列 。
• 添加其他文本 - 设置要为“ 添加其他 ”按钮显示的文本。

“ 布局 ”选项卡仅特定于“ 数据映射 ”组件：

• HTML 属性 - 向组件添加自定义 HTML 属性。
  注意： 来自其他组件的属性决定了您配置的属性。
• PDF 覆盖 - 将样式设置应用于 PDF 表单。

要了解如何使用 数据映射 组件，请查看使用数据映射组件教程。

数据网格

您可以使用“ 数据网格 ”组件呈现多行数据，类似于数据表。 您可以在 数据网格 中拖放多个组件，以匹配您的用例。

在“ 表单呈现器 ” 窗口中，可以添加或删除“ 数据网格 ” 组件中的行。

• “禁用添加/删除行 ” - 隐藏允许在呈现表单时添加或删除行的按钮。
• “允许重新排序 ” - 通过拖放行来重新排序行。
• 列宽相等 - 使列的宽度相等。
• 启用行组 - 允许将行分成组。 添加组，为其添加标签，然后为每个组选择行。
• “初始化空 ” - 初始化时， 数据网格 将没有可见行。

编辑网格

您可以使用“ 编辑网格 ”组件呈现多行数据，类似于数据表。 您可以将多个表单组件拖放到“ 编辑网格” 中，以捕获大量数据。

呈现表单时，您可以通过单击“ 添加另一个” 添加“编辑网格”的副本。

• “为空 时打开第一行” - 当“ 编辑网格 ”为空时打开第一行。
• 禁用添加/删除行 - 隐藏允许在显示表单时添加或删除行的按钮。
• “添加另一个文本 ” - 更改“ 添加 另一个文本” 按钮的名称。
• “保存行文本 ” - 更改“ 保存行 ”按钮的文本。
• “删除行文本 ” - 更改“ 删除行 ”按钮的文本。

“ 模板 ” 选项卡仅特定于“ 编辑网格 ” 组件。 页眉、行和 页脚 模板允许您使用 JavaScript 自定义网格。 您可以修改在网格内的行中显示的组件类型或页眉/页脚的外观。

标头模板

这是用于呈现“ 编辑网格 ”组件标头的 Lodash 模板。

重要提示： 标头模板 不适用于 表单 Actions。

有两个变量可用：

• value - 行数据数组。
• components - 网格中的组件数组。

行模板

这是用于呈现“ 编辑网格 ”组件的每一行的 Lodash 模板。

重要提示： 行模板 不适用于 表单 Actions。

提供三个变量：

• 行 - 行数据的对象。
• components - 网格中的组件数组。
• state - 当前行的状态（草稿/已保存）。

要添加“ 点击 ”类型事件，请向元素添加以下类： editRow 和 removeRow。

页脚模板

这是用于渲染“ 编辑网格 ”组件页脚的 Lodash 模板。

有两个变量可用：

• value - 行数据数组。
• components - 网格中的组件数组。

数据表

您可以使用 数据表 组件来呈现多行数据，类似于数据表。 数据表 是一个只读组件，可用于显示大量数据。 您可以将多个表单组件拖放到“ 数据表 ”组件中。

• 可排序 - 以升序或降序对列中的数据进行排序。 您可以在 Runtime对数据进行排序。
• 可筛选 - 筛选每列中的数据。 在运行时筛选数据。
• “列可调整 大小” - 在 Runtime更改列的宽度。 “ 列的可调整大小 ”功能使您可以更好地查看列中的数据。

• 分页 - 在已编号的页面上显示 数据表 组件的数据。 分页功能还包括设置每页的项目数。

• 内联编辑 - 允许在 Runtime进行编辑，类似于在 Excel 中进行编辑。

可排序

您可以按升序或降序对列中的数据进行排序。 您可以在 Runtime的表单中对数据进行排序。

数据表 中数据的显示顺序与输入数据表中的顺序相同。 要对 数据表中的所有数据进行排序，请单击表单中的任意列标题。

• “首次单击 ”按升序对数据进行排序。
• 第二次单击 将按降序对数据进行排序。

• 第三次单击 可恢复原始顺序。

  

可筛选

您可以筛选每列中的数据。 您可以在显示表单时筛选数据。

要筛选列中的数据，请执行以下操作：

1. 将鼠标悬停在列标题上方，然后单击三重杠 菜单。
2. 选择筛选操作。
3. 在三栏菜单的“ 筛选器 ” 字段中输入一个值。 “ 筛选器 ” 字段中的输入值是筛选操作的条件。

根据数据类型，可以使用以下筛选操作：

筛选操作	文本	数字	日期/时间
包含
不包含
等于
不等于
开头为
结尾为
小于
小于或等于
大于
大于或等于
在范围内
空白
非空白