Cases à cocher dynamiques

Il s'agit d'un tutoriel étape par étape qui montre comment configurer et utiliser les cases à cocher dynamiques. Les cases à cocher dynamiques vous permettent d'afficher une liste complète d'entrées de données et d'en sélectionner une ou plusieurs, selon votre cas d'utilisation. Les cases à cocher dynamiques sont créées à l'aide du composant Select Boxes dans le Concepteur de formulaires.

Remarque : ce tutoriel montre comment configurer des cases à cocher dynamiques pour les types de projets C# uniquement.

Tutoriel

Pour utiliser cette fonctionnalité :

1. Ajoutez une activité Invoquer le code à votre workflow. C'est ici que vous créez une liste de chaînes, qui contient les choix qui apparaissent dynamiquement dans le formulaire.

   • Cliquez sur Modifier les arguments ( Edit Arguments ) et créez un argument nommé, pour cet exemple, choiceList. Définissez la Direction sur In/Out et le Type sur List<String>. Dans le champ Valeur (Value), appuyez sur CTRL + k sur votre clavier et créez une variable List<String> , appelée GchoiceList. Cette variable contient les choix que vous souhaitez afficher dynamiquement.
     
     

     

     
     
   • Cliquez sur Modifier le code (Edit code) et saisissez l'extrait de code d'initialisation. Assurez-vous d'utiliser la syntaxe correcte en fonction du langage de programmation que vous avez choisi (C# ou VB.NET). Par exemple, pour définir quatre choix pour l'argument choiceList , utilisez le code suivant :

     choiceList = new List<string>();
     choiceList.Add("Choice1");
     choiceList.Add("Choice2");
     choiceList.Add("Choice3");
     choiceList.Add("Choice4");

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

   • Ouvrez la fenêtre de propriétés CollectionChampsFormulaires.
   • Créez un type d'argument Dictionary<String,Boolean> . Nommez-la choices, définissez la direction sur In/Outet la valeur comme variable choices . Cet argument mappe les choix sélectionnés dans le formulaire dans le workflow.
   • Créez un type d'argument List<String> . Nommez-la choices_selectboxes, définissez la direction sur In/Outet la valeur comme variable GchoiceList . Cet argument rend dynamique la liste contenant les choix (Gchoicelist) en y ajoutant le suffixe _selectboxes .

   • Cochez GenerateInputFields. Cela permet au formulaire de générer automatiquement un composant Select Boxes à l'intérieur du formulaire, en fonction des arguments mappés dans la fenêtre de propriété FormFieldsCollection .

     
     

     

     
     
     Remarque : le formulaire détermine automatiquement qu'il traite un ensemble de cases à cocher dynamiques et les affiche en conséquence.

     Ces cases à cocher peuvent ensuite être modifiées ultérieurement à partir du Concepteur de formulaires (par exemple, en définissant les choix minimum ou maximum qu'un utilisateur peut faire).

3. Ajoutez une activité For Each à votre workflow. Cette activité parcourt chaque choix de la liste dynamique et récupère le nom et la valeur de chaque choix.

   • Dans la propriété TypeArgument , choisissez System.Collections.Generic.KeyValuePair<System.String,System.Boolean>.
   • Dans le corps de l'activité, saisissez keyVal dans le champ ForEach .
   • Dans le corps de l'activité, transmettez la variable choices dans le champ In .
4. Ajoutez une activité Log Message (Log Message ) dans le corps de l’activité For Each . Cette activité est utilisée pour afficher les choix sélectionnés par un utilisateur à l'intérieur du formulaire.
   • Définissez le Niveau de journalisation sur Info.
   • Dans le champ de propriété Message (Message), transmettez l'expression suivante : keyVal.Key +":" + keyVal.Value.
   
   

   

   
   

Résultat

Le composant Select Boxes est renseigné dynamiquement avec les valeurs contenues dans le GchoiceList. Pour cet exemple, un utilisateur professionnel sélectionne le premier et le deuxième choix dans le formulaire. Lorsque le formulaire est envoyé, il revient dans le workflow, il affiche les choix sélectionnés par l'utilisateur comme True et ceux qui n'ont pas été sélectionnés comme False, dans le panneau Sortie .

Exemple de workflow

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