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.

Tutorial

Para usar este recurso:

1. Adicione a atividade Criar formulário ao seu fluxo de trabalho.
2. Abra o Form Designer da atividade Create Form .
3. Arraste e solte um componente de grade de dados .
4. Dentro do componente Data Grid , arraste e solte um componente Text Field para armazenar o nome do item (rotule-o como Item).
5. Dentro do componente Data Grid , arraste e solte um componente Number para armazenar a quantidade do item (rotule-o como 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.

   6.1. Rotule o componente como Total Quantity.

   6.2. Marque a caixa de seleção Desativado na guia Exibição do componente. Isso torna o campo somente leitura.

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

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

   6.5. Selecione o Tipo de gatilho como Simples. Deixe o restante dos campos em branco, para que a lógica seja acionada para qualquer alteração da grade de dados .

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

   6.7. Selecione o tipo de ação Valor e insira o seguinte script 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.8. Save the action and the logic.

   6.9. Salve o componente Campo de texto .

7. Salve o formulário.
8. Em tempo de execução, ao adicionar um novo item à grade, observe o valor da Quantidade Total sendo atualizado.

Fluxo de trabalho amostral

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