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

Você pode ler os valores das células de um componente Data Grid . Por exemplo, você aprenderá como somar dinamicamente todos os valores em uma coluna de grade de dados . Para qualquer novo item, o campo Quantidade Total exibe o novo valor total.

1. Crie um formulário e adicione um componente de Grade de dados .
2. Dentro da Grade de dados, arraste e solte um componente de Campo de Texto e um componente de Número . Nomeie-as como Item e Quantidade.
   Para que a lógica adicional funcione, certifique-se de que os Nomes de Propriedade para os dois componentes sejam exatamente como os abaixo:

   • Campo de Texto - textField
   • Número — number
3. Adicione outro componente Campo de texto no formulário, mas fora da Grade de dados. Nomeie-a como Quantidade total e defina o Nome da propriedade como lastNumber.
4. Na aba Exibição do campo de texto Quantidade Total , selecione Desabilitado. Isso torna o componente somente leitura.
5. Na guia Lógica do campo de texto Quantidade Total , configure uma lógica para somar as células do número da grade de dados neste campo.
   1. Selecione Adicionar lógica para configurar o disparador e as Actions para somar os valores.
   2. Na seção Gatilho e no campo Nome da lógica , insira um nome para sua lógica.
   3. Selecione o Tipo de gatilho como Simples. Deixe o restante dos campos vazios para que a lógica seja disparada para qualquer alteração na Grade de Dados.
   4. Na seção Actions e no campo Nome dasActions , insira um nome para suas Actions. Neste caso, as Actions acionadas são para atualizar o valor total, portanto, usamos updateValue como o nome das Actions .
   5. Selecione o tipo Actions de Valor e insira o script a seguir na seção Valor (Javascript) :

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

      O snippet de código acima itera através dos valores existentes na Grade de Dados e os soma. Qualquer novo valor reinicia a iteração, atualizando, assim, o valor total.
   6. Salve as Actions e a Lógica e, depois, o componente.

No Runtime, quando você adiciona um novo item à grade, o valor de Quantidade total é atualizado.

Exemplo de fluxo de trabalho

Para verificar o fluxo de trabalho completo e experimentar o tutorial por conta própria, baixe o fluxo de trabalho de amostra.