Listes déroulantes dynamiques

You can add dynamic dropdown lists in your form, using the Drop-down List component in the Form Designer. These tutorials describe how to create a dynamic dropdown list with elements that represent countries.

Tutoriel

Pour créer une liste déroulante dynamique :

1. Drag and drop a Sequence activity into your workflow. For this example, name it DynamicDropdowns.
2. Créez deux variables :
   1. Créez un type de variable String et définissez l'étendue sur l'activité Sequence. Pour cet exemple, nommez la variable country et définissez l'étendue sur DynamicDropdowns.
   2. Créez un type de variable List<String> et définissez l'étendue sur l'activité Sequence. Pour cet exemple, nommez la variable countryList et définissez l'étendue sur DynamicDropdowns.
3. Inside the Default field of the List<String> variable, create a new List of type String, that holds the names of the countries. For example, inside the Default field of the countryList variable, type in the following expression:

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

4. Drag and drop a Create Form activity in your Sequence.
5. In the FormFieldsCollection property menu bind the variables to your form:
   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 sur la variable country . Nommez l'argument country
   2. Créez un argument de Type List<String> avec la direction Entrée et définissez la valeur comme variable List<String> . Pour cet exemple, définissez la valeur sur la 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. Open the Form Designer.
   1. Drag and drop a Drop-down List component in the Form Designer.
   2. Dans l'onglet Clé de champ , saisissez le nom de l'argument String dans le champ Nom de la propriété . Pour cet exemple, saisissez country.
   3. Enregistrez le composant.
7. Enregistrez le formulaire.

Result: The Drop-down List component shows as options the list of Strings created at step 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. Create a Data Table using the Build Data Table activity. For this example, save the data table as a variable named sampleDataTable.

   

2. Add a Invoke Code activity into your workflow and set the Language to CSharp.

   1. Sélectionnez Modifier le code et créez une liste de chaînes de caractères, dans laquelle vous allez ajouter les options que vous souhaitez afficher dynamiquement dans la liste déroulante. Par exemple, ajoutez le code ci-dessous à l’intérieur de l’ éditeur de code:

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

   2. Sélectionnez Modifier les arguments et créez un argument qui stockera la liste des chaînes de caractères 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>, et dont la valeur est définie comme variable List<String> . Pour cet exemple, nommez la variable countryListVariable.

3. Add a Create Form activity into your workflow.

   1. Ajoutez un composant Grille de données .
   2. Ajoutez un composant Champ de texte à l’intérieur de la Grille de données.
   3. Ajoutez un composant Liste déroulante à l'intérieur de la Grille de données.

4. Open the FormFieldsCollection and create the following arguments, to bind data to the form:

   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 va lier 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 de caractères 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 Grille de données , via le suffixe _parent , et en saisissant la Clé de champ du composant Grille de données dans la colonne Valeur . Pour cet exemple, le dataGridSample est la clé de champ du composant Grille de données .

5. Open the Form Designer.

   1. Définissez la Clé de champ du composant Grille de données comme argument qui relie la Table de données au formulaire. Pour cet exemple, définissez la Clé de champ du composant Grille de données sur dataGridSample.
   2. Définissez la Clé de champ du composant Champ de texte comme nom de la colonne Table de données qui représente le texte. Pour cet exemple, définissez-le sur name.
   3. Définissez la Clé de champ du composant Liste déroulante comme nom de l'argument qui relie la liste de chaînes au formulaire. Pour cet exemple, définissez-le sur countryList.

6. Enregistrez chaque composant et la fiche.

Result: The Drop-down List component shows as options the list of Strings created at step 2, inside the column of a Data Grid.

Exemple de workflow

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