Leitura de valores de célula de um componente de Grade de Dados

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.

Tutorial

Para usar este recurso:

1. Add the Create Form activity to your workflow.
2. Open the Form Designer from the Create Form activity.
3. Drag and drop a Data Grid component.
4. Inside the Data Grid component, drag and drop one Text Field component to store the item name (label it as Item).
5. Inside the Data Grid component, drag and drop one Number component to store the item quantity (label it as Quantity).
6. Fora do componente Data Grid, arraste e solte um componente Text Field, para exibir a quantidade total de todos os itens na Data Grid. Isso requer uma lógica avançada.

   1. Rotule o componente como Quantidade total.

   2. Marque a caixa de seleção Desabilitado na aba Exibição do componente. Isso torna o campo somente leitura.

   3. Na guia Lógica , clique em Adicionar lógica para configurar o gatilho e a ação para somar os valores.

   4. Na seção Disparador > campo Nome da Lógica , insira um nome para sua lógica.

   5. Selecione o gatilho Tipo como Simples. Deixe o resto dos campos vazios, para que a lógica dos gatilhos para qualquer alteração da Grade de dados .

   6. Na seção Ações > campo Nome da ação , insira um nome para sua ação. Nesse caso, a ação disparada é atualizar o valor total, então usamos updateValue como o nome da ação.

   7. Select the Value action type, and enter the following script in the Value (Javascript) section:

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

      O fragmento de código acima itera pelos valores existentes na Grade de dados e os resume. Qualquer novo valor reinicia a iteração, atualizando assim o valor total.

   8. Salve a ação e a lógica.

   9. Salve o componente Campo de texto .

7. Salve o formulário.
8. At runtime, when you add a new item to the grid, notice the Total Quantity value being updated.

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou ter uma referência futura, baixe o exemplo XAML