Créer votre première grille de données

Ce tutoriel est un exemple de grille de données qui affiche des données sur les races et l'âge de certains chiens. La grille de données affiche les données via un champ de texte (Text Field) et un composant numérique ( Number ).

Tutoriel

Pour travailler avec le composant Data Grid :

1. Faites glisser et déposez une activité Sequence dans votre workflow.

2. Faites glisser et déposez une activité Build Data Table dans l’activité Sequence.

   1. Accédez à la propriété TableDonnées et appuyez sur ctrl + K sur votre clavier. Lorsque Set var: apparaît dans le champ Tablede données, saisissez un nom pour la table de données. Pour cet exemple, tapez dogBreedDataTable Cela crée une variable DataTable dans laquelle vous stockez la table de données.

   2. Cliquez sur . La fenêtre Créer une table de données ( Build Data Table) s'ouvre.

   3. Renommer Column1 en Breed. 2.4. Renommez Column2 en Age.
      N'oubliez pas les noms de la table et des colonnes, car vous les utiliserez comme noms de propriété pour les composants à l'intérieur de votre formulaire.
3. Faites glisser et déposez une activité Créer un formulaire (Create Form) dans la Séquence.
   1. Dans le panneau Propriétés , décochez GenerateInputFields. Si cette option est laissée cochée, un composant sera automatiquement ajouté dans le Concepteurde fiches , en fonction du type d'argument.
   2. Pour la propriété CollectionChampsFormulaires , cliquez sur les points de suspension . La fenêtre CollectionChampsFormulaires s'ouvre.
   3. Créez un argument nommé dogBreedTable. Définissez la direction sur In/Out, choisissez le type System.data.DataTable et définissez la valeur comme la table de données que vous avez créée, nommée dogBreedDataTable.
4. Dans l'activité Créer un formulaire ( Create Form) , cliquez sur Ouvrir le concepteur de formulaires ( Open Form Designer).
5. Faites glisser et déposez un composant Data Grid dans le formulaire.
   1. Dans l'onglet Affichage , renommez le libellé du composant Dogs Data Grid.
   2. Dans l'onglet Clé de champ ( Field Key ), entrez le nom de l'argument de la table de données créé dans la propriété FormFieldsCollection . Cela lie les données au formulaire. Pour cet exemple, saisissez dogBreedTable dans le champ Nom de la propriété (Property Name ).
6. Faites glisser et déposez un composant Champ de texte à l'intérieur de la Grille de données.
   1. Dans l'onglet Affichage , renommez le libellé du composant Dog Breed.
   2. Dans l'onglet Clé de champ ( Field Key ), saisissez le nom de la colonne String dans la table de données. Pour cet exemple, saisissez Breed dans le champ Nom de la propriété (Property Name ).
7. Faites glisser et déposez un composant Number .
   1. Dans l'onglet Affichage , renommez le libellé du composant Dog Age.
   2. Dans l'onglet Clé de champ ( Field Key ), saisissez le nom de la colonne Int32 dans la table de données. Pour cet exemple, saisissez Age dans le champ Nom de la propriété (Property Name ).
8. Enregistrez le formulaire et exécutez le workflow pour tester les capacités de la Data Grid.

Exemple de workflow

Pour vérifier les workflows complets ou pour avoir une future référence, téléchargez l' exemple XAML