Construindo sua primeira Grade de Dados

Este tutorial é um exemplo de grade de dados que exibe dados sobre raças e idades de determinados cães. 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 Data Grid :

1. Arraste e solte uma atividade de Sequência em seu fluxo de trabalho.

2. Arraste e solte uma atividade Construir Tabela de Dados na Sequência.

   1. Vá para a propriedade DataTable e pressione ctrl + K em seu teclado. Quando Set var: aparecer no campo Datatable, 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 é aberta.

   3. Renomeie Column1 como Breed. 2.4. Renomeie Column2 como Age.
      Lembre-se dos nomes da tabela e das colunas, pois você os usará como Nomes de propriedade para os componentes dentro do seu formulário.
3. Arraste e solte uma atividade Criar formulário na Sequência.
   1. No painel Propriedades , desmarque GenerateInputFields. Se deixado marcado, um componente será adicionado automaticamente no 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 Direction como In/Out, escolha o tipo System.data.DataTable e defina o valor como a tabela de dados que você criou, chamada dogBreedDataTable.
4. Na atividade Criar formulário , clique em Abrir designer de formulário.
5. Arraste e solte um componente Data Grid no formulário.
   1. Na guia Exibir , renomeie o rótulo do componente como Dogs Data Grid.
   2. Na aba Field Key , insira o nome do argumento da tabela de dados criado na propriedade FormFieldsCollection . Isso vincula os dados ao formulário. Para este exemplo, insira dogBreedTable no campo Nome da propriedade .
6. Arraste e solte um componente de campo de texto dentro da grade de dados.
   1. Na guia Exibir , renomeie o rótulo do componente como Dog Breed.
   2. Na guia Field Key , insira o nome da coluna String na tabela de dados. Para este exemplo, insira Breed no campo Nome da propriedade .
7. Arraste e solte um componente numérico .
   1. Na guia Exibir , renomeie o rótulo do componente como Dog Age.
   2. Na guia Field Key , insira o nome da coluna Int32 na tabela de dados. Para este exemplo, insira Age no campo Nome da propriedade .
8. Salve o formulário e execute o fluxo de trabalho para testar os recursos da grade de dados.

Fluxo de trabalho amostral

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