活动

从数据网格组件读取单元格值

您可以从 数据网格 组件读取单元格值。例如，您将学习如何动态汇总 数据网格 列中的所有值。对于任何新项目，“ 总数量 ” 字段将显示新的总值。

教程

要使用此功能，请执行以下操作：

将“ 创建表单” 活动添加到您的工作流中。
从“ 创建表单” 活动中打开“表单设计器”。
拖放“ 数据网格 ”组件。
在“ 数据网格 ”组件中，拖放一个“ 文本字段 ”组件以存储项目名称（将其标记为“ 项目”）。
在“ 数据网格 ”组件中，拖放一个“ 数字 ”组件以存储项目数量（将其标记为“ 数量”）。
在“数据网格”组件之外，拖放一个“文本字段”组件，以显示“数据网格”中所有项目的总数。这需要高级逻辑。

6.1. 将组件标记为“ 总数量”。

6.2. 选中组件 “显示” 选项卡上的“禁用”复选框。这会使该字段成为只读字段。

6.3. 在“ 逻辑 ” 选项卡上，单击“ 添加逻辑 ” 以配置触发器和操作以对值求和。

6.4. 在“ 触发器 ”部分 >“ 逻辑名称” 字段中，输入逻辑的名称。

6.5. 将触发器类型选择为“ 简单”。将其余字段留空，以便任何 数据网格 的逻辑触发器发生更改。

6.6. 在“ 操作 ”部分 > “操作名称” 字段中，输入操作的名称。在本例中，触发的操作是更新总值，因此我们使用 updateValue 作为操作名称。

6.7. 选择“ 值 ”操作类型，然后在“ 值 (Javascript) ”部分输入以下脚本：
```
var result = 0;
for (var i = 0; i < data.dataGrid.length; i++) {
  result += +(data.dataGrid[i].number);
}
return result;var result = 0;
for (var i = 0; i < data.dataGrid.length; i++) {
  result += +(data.dataGrid[i].number);
}
return result;
```
上面的代码片段遍历 数据网格 中的现有值并对它们求和。任何新值都会重新开始迭代，从而更新总值。

6.8. Save the action and the logic.

6.9 保存“ 文本字段 ”组件。
保存表单。
在运行时，当您向网格添加新项目时，请注意“ 总数量 ” 值正在更新。