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

You can read the cell values from a Data Grid component. For example, you will learn how to dynamically sum all values in a Data Grid column. For any new item, the Total Quantity field displays the new total value.

1. 创建一个新表单并添加“数据网格”组件。

2. 在“数据网格”中，拖放“文本字段”组件和“数字”组件。将其命名为Item和Quantity 。

   为使进一步的逻辑正常工作，请确保两个组件的属性名称如下所示：

   • 文本字段- textField
   • 数字- number

3. 在表单中但在数据网格外部添加另一个“文本字段”组件。将其命名为“总数量” ，并将“属性名称”设置为lastNumber 。

4. 在总数量文本字段的显示选项卡中，选择禁用（默认禁用） 。这会使组件变为只读。

5. 在“总数量”文本字段的“逻辑”选项卡中，配置用于汇总放入此字段的数据网格数字单元格的逻辑。

   1. 选择“添加逻辑” ，以配置触发器和操作，以对值求和。

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

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

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

   5. 选择“值”操作类型，然后在“值 (Javascript)”部分输入以下脚本：

      var result = 0;
      for (var i = 0; i < data.dataGrid.length; i++) {
        result += +(data.dataGrid[i].number);
      }
      return result;
      

      上面的代码片段遍历数据网格中的现有值并汇总它们。任何新值都会重新启动迭代，从而更新总值。

   6. 保存 Actions 和逻辑，然后保存组件。

在运行时，当您将新项目添加到网格时， “总数量”值将更新。

工作流示例

要查看完整的工作流并自行尝试本教程，请下载示例工作流。