Construindo sua primeira Grade de Dados

Este tutorial é um exemplo de uma Grade de dados que exibe dados sobre as criação e as idade de certos robôs.

Este tutorial é um exemplo de uma Grade de dados que exibe dados sobre as criação e idade de determinados animais. A Grade de dados mostra os dados por meio de um Campo de texto e um componente de Número .

Tutorial

Para trabalhar com o componente de Grade de dados :

1. Drag and drop a Sequence activity into your workflow.

2. Drag and drop a Build Data Table activity into the Sequence.

   1. Acesse a propriedade TabelaDeDados e pressione ctrl + K em seu teclado. Quando Set var: aparecer no campo TabelaDeDados , digite um nome para a tabela de dados. Para este exemplo, digite dogBreedDataTable Isso cria uma variável DataTable na qual você armazena a tabela de dados.
   2. Clique . A janela Construir tabela de dados é exibida.
   3. Renomeie Column1 como Breed. 2.4. Renomeie Column2 como Age.

   Lembre-se dos nomes da tabela e das colunas, porque você os usará como os Nomes de Propriedade para os componentes dentro do seu formulário.

3. Drag and drop a Create Form activity into the Sequence.

   1. No painel Propriedades , desmarque GerarCamposDeEntrada. Se deixado marcado, um componente será adicionado automaticamente ao Form Designer, com base no tipo de argumento.
   2. Para a propriedade ColeçãoDeCamposDoFormulário, clique em reticências . A janela ColeçãoDeCamposDoFormulário é aberta.
   3. Crie um argumento chamado dogBreedTable. Defina a Direção como In/Out, escolha o tipo System.data.DataTable e defina o valor como a tabela de dados que você criou, chamada dogBreedDataTable.

4. In the Create Form activity, click Open Form Designer.

5. Drag and drop a Data Grid component in the form.

   1. Na guia Exibição , renomeie o rótulo do componente como Dogs Data Grid.
   2. Na guia Chave de campo , insira o nome do argumento da tabela de dados criado na propriedade ColeçãoDeCamposDoFormulário . Isso vincula os dados ao formulário. Para este exemplo, insira dogBreedTable no campo Nome da propriedade .

6. Drag and drop a Text Field component inside the Data Grid.

   1. Na guia Exibição , renomeie o rótulo do componente como Dog Breed.
   2. Na guia Chave de campo , insira o nome da coluna String na tabela de dados. Para este exemplo, insira Breed no campo Nome da propriedade .

7. Drag and drop a Number component.

   1. Na guia Exibição , renomeie o rótulo do componente como Dog Age.
   2. Na guia Chave de campo , insira o nome da coluna Int32 na tabela de dados. Para este exemplo, insira Age no campo Nome da propriedade .

8. Save the form and run the workflow to test the capabilities of the Data Grid.

   

Fluxo de trabalho amostral

Para verificar os fluxos de trabalho completos ou ter uma referência futura, baixe o exemplo XAML