Listes déroulantes dynamiques

Vous pouvez ajouter des listes déroulantes dynamiques dans votre formulaire, à l'aide du composant Liste déroulante dans le Concepteur de formulaires. Ces tutoriels décrivent comment créer une liste déroulante dynamique avec des éléments qui représentent les pays.

Tutoriel

Pour créer une liste déroulante dynamique :

1. Faites glisser et déposez une activité Sequence dans votre workflow. Pour cet exemple, nommez-le DynamicDropdowns.

2. Créez deux variables :

   2.1. Créez un type de variable String et définissez l'étendue comme activité Sequence. Pour cet exemple, nommez la variable country et définissez l'étendue sur DynamicDropdowns.
   2.2. Créez un type de variable List<String> et définissez l'étendue comme activité Sequence. Pour cet exemple, nommez la variable countryList et définissez l'étendue sur DynamicDropdowns.
3. Dans le champ Par défaut de la variable List<String> , créez une nouvelle liste de type String, qui contient les noms des pays. Par exemple, dans le champ Par défaut de la variable countryList , saisissez l'expression suivante :

   New List (Of String) From {
   "US",
   "India",
   "Romania"
   }

4. Faites glisser et déposez une activité Créer un formulaire dans votre séquence.

5. Dans le menu de propriétés CollectionChampsFormulaires, liez les variables à votre formulaire :

   5.1. Créez un argument de Type String avec la direction In/Out et définissez la valeur comme variable String . Pour cet exemple, définissez la valeur comme variable country . Nommez l'argument country 5.2. Créez un argument de Type List<String> avec Direction In et définissez la valeur comme variable List<String> . Pour cet exemple, définissez la valeur comme variable countryList . Nommez l’argument country_dropdown.

Remarque : l'argument country_dropdown rend la liste déroulante dynamique et la remplit avec les éléments de la variable List<String> .

6. Ouvrez le Concepteur de formulaires.

6.1. Faites glisser et déposez un composant Liste déroulante dans le Concepteur de fiches.

6.2. Dans l'onglet Clé de champ ( Field Key ), saisissez le nom de l'argument String dans le champ Nom de la propriété (Property Name ). Pour cet exemple, saisissez country.

6.3. Enregistrez le composant.

7. Enregistrez le formulaire.

Résultat: le composant Liste déroulante affiche sous forme d'options la liste des chaînes créée à l'étape 3.

Création d'une liste déroulante dynamique à l'intérieur d'une grille de données

Ce tutoriel montre comment créer une liste déroulante dynamique dans une grille de données. Le composant Grille de données (Data Grid) affiche, à l'intérieur du formulaire, les données provenant d'une table de données précédemment créée. Pour créer une liste déroulante dynamique à l'intérieur d'une grille de données :

1. Créez une table de données à l'aide de l'activité Créer une table de données (Build Data Table) . Pour cet exemple, enregistrez la table de données en tant que variable nommée sampleDataTable.
   
   

   

   
   

2. Ajoutez une activité Invoquer le code à votre workflow et définissez la langue sur CSharp.

   2.1. Sélectionnez Modifier le code et créez une liste de chaînes, dans laquelle vous ajoutez les options que vous souhaitez afficher dynamiquement dans la liste déroulante. Par exemple, ajoutez le code ci-dessous dans l' éditeur de code:

   countryListInitialized = new List<string>();
   countryListInitialized.Add("USA");
   countryListInitialized.Add("India");
   countryListInitialized.Add("Romania");
   countryListInitialized.Add("Dubai");

   2.2. Sélectionnez Modifier les arguments et créez un argument qui stockera la liste des chaînes créées dans une variable que vous pourrez utiliser ultérieurement dans votre workflow. Le nom de l'argument doit avoir le même nom que la liste créée dans l' éditeur de code. Pour cet exemple, créez un argument nommé countryListInitialized, avec la direction In/Out, le type List<String>, dont la valeur est définie comme une variable List<String> . Pour cet exemple, nommez la variable countryListVariable.

3. Ajoutez une activité Créer un formulaire à votre workflow.

   3.1. Ajoutez un composant Data Grid .

   3.2. Ajoutez un composant Text Field à l'intérieur de la Data Grid.

   3.3. Ajoutez un composant Liste déroulante à l'intérieur de la Grille de données.

4. Ouvrez FormFieldsCollection et créez les arguments suivants pour lier les données au formulaire :

   Nom	Direction	Saisie de texte	Valeur (Value)	Description
   dataGridSample	Entrée/Sortie	DataTable	sampleDataTable	Cet argument lie les données de la table de données au composant Data Grid à l'intérieur du formulaire. Pour cet exemple, la table de données est stockée dans la variable sampleDataTable .
   countryList_dropdown	Entrée/Sortie	Liste<String>	countryListVariable	Cet argument lie les données de la liste de chaînes au composant Liste déroulante* à l'intérieur du formulaire. Le suffixe _dropdown rend la liste déroulante dynamique. Pour cet exemple, la liste des chaînes est stockée dans la variable countryListVariable .
   countryList_parent	dans	Chaîne de caractères (string)	"dataGridSample"	Cet argument lie la liste déroulante dynamique au composant Data Grid , via le suffixe _parent et en saisissant la clé de champ du composant Data Grid dans la colonne Valeur . Pour cet exemple, dataGridSample est la clé de champ du composant Data Grid .

5. Ouvrez le Concepteur de formulaires.

   5.1. Définissez la clé de champ du composant Data Grid comme argument qui lie la table de données au formulaire. Pour cet exemple, définissez la clé de champ du composant Data Grid sur dataGridSample.
   5.2. Définissez la Clé de champ du composant Champ de texte (Text Field ) comme le nom de la colonne Table de données (Data Table) qui représente le texte. Pour cet exemple, définissez-la sur name.
   5.3. Définissez la Clé de champ du composant Liste déroulante comme le nom de l'argument qui lie la liste de chaînes au formulaire. Pour cet exemple, définissez-la sur countryList.
6. Enregistrez chaque composant et la fiche.

Résultat: le composant Liste déroulante affiche sous forme d'options la liste des chaînes créées à l'étape 2, à l'intérieur de la colonne d'une Grille de données.

Exemple de workflow

Pour vérifier le workflow complet ou pour avoir une référence future, téléchargez l' exemple XAML