Utilisation de boutons pour déclencher une logique personnalisée

Découvrez comment configurer un composant Bouton (Button) dans les formulaires pour agir comme un déclencheur d'événement. Ce tutoriel vous aide à configurer une logique personnalisée pour un bouton pour exécuter des actions. Par exemple, ce tutoriel vous aide à calculer les valeurs de deux composants Nombre (Number) et à afficher le résultat dans un autre composant Nombre (Number) du formulaire.

Prérequis :

1. Installez Persistence.Activities version 1.4.8 ou supérieure.
2. Sélectionnez Formulaires avancés ( Advanced Forms ) pour l'activité Créer une tâche de formulaire (Create Form Task) .

1. Ajoutez les composants pour lesquels vous souhaitez calculer des valeurs et le composant dont vous souhaitez afficher le résultat.
   Notez leurs Noms de propriété ( Property Names), car vous en aurez besoin lors de la configuration de la logique personnalisée pour le calcul de la valeur.
   Dans cet exemple, ajoutez deux composants Nombre (Number) à l'intérieur de votre formulaire et configurez-les comme indiqué dans le tableau ci-dessous :

   Label	Nom de la propriété
   Number1	number1
   Number2	number2

2. Ajoutez le composant où vous souhaitez afficher le résultat.
   Notez les Noms de propriété ( Property Names), car vous en aurez besoin lors de la configuration de la logique personnalisée pour le calcul de la valeur.
   Dans cet exemple, ajoutez d'autres composants Nombre (Number) à l'intérieur de votre formulaire et configurez-le comme indiqué dans le tableau ci-dessous :

   Label	Nom de la propriété
   Total	total

3. Ajoutez un composant Bouton (Button), qui déclenchera l'événement de calcul pour les composants précédemment ajoutés.
   1. Définissez l' action du bouton sur Événement ( Event).
   2. Nommez l' événement de bouton ainsi : calculate.
      Souvenez-vous de ce nom, car il doit correspondre à la logique que vous avez configurée pour le composant qui affiche le résultat.
4. Accédez au composant qui affiche le résultat. Configurez une logique à l'aide d'un déclencheur et d'une action qui ajoute les valeurs de deux composants lorsque vous cliquez sur le bouton calculate . Assurez-vous que la logique et l'action sont nommées calculate.
5. Dans l'exemple donné, configurez la logique comme suit :
   1. Nommez la logique calculate.
   2. Définissez le type de déclencheur sur Événement ( Event).
   3. Définissez le Nom de l' événement (Event Name) sur calculate.
   4. Nommez l'action calculate.
   5. Définissez le Type sur Valeur.
   6. Saisissez l'action JavaScript que vous souhaitez que cette logique exécute dans le champ Valeur (Javascript) .
      Pour cet exemple, renvoyez la somme des deux composants Nombre.

      return data.number1 + data.number2

      La variable data est utilisée pour accéder aux valeurs des composants dans le formulaire.
   7. Enregistrez les configurations action et logique.

Exemple de workflow

Pour essayer le tutoriel vous-même, téléchargez l’exemple de workflow ici.