Bouton annuler dans un formulaire

Q&A
1

Bonjour tout le monde ,

je suis debutant avec bonita, et souhaite creer un formulaire d'inscription dons il contient deux boutons:  le premier valider pour valider l'inscription et passer à l'étapte suivante et le deuxiéme annuler pour annuler l'inscription et aller vers la fin de processus, donc mon probelme c'est comment programmer le bouton annuler pour qu'il annule l'opération et terminer le processus.

si'l vous plait aider moi je suis bloqué sad

2

Bonjour Ahmed,

pour pouvoir faire cela il faut le définir au niveau de la modélisation du processus, en utilisant une gateway qui va pointer vers 2 transitions différentes, comme vous pouvez le voir sur l'exemple ci-dessous.

diagramme
diagramme1548×566 82.4 KB

Le formulaire avec les 2 boutons sera sur la tâche avant la gateway, qui recevra les données indiquant qu'il faut soit prendre la transition par défaut annulation, soit prendre la transition "validée".

Les boutons enverront donc les données attendues par la porte logique, configurées dans "Données envoyées au clic" dans les paramètres du bouton. Et bien sûr il faut bien penser à configurer la branche qui n'est pas par défaut avec la condition.

Note: Attention toutefois si des données sont envoyées à d'autres systèmes dans la tâche précédente (via un connecteur par exemple) celles-ci ne pourront pas être annulées.

3

Bonjour,

In the UI Designer, you need to create some variables as given below; 
- a JavaScript expression (eg. action) that returns an empty array.
- a JSON variable (eg. data) that binds with the value of the input.
- and a JavaScript expression (eg. handler) that handles the condition to clear the input fields.

Step: 1
> Inside the "action" JavaScript variable return an empty array.

Step: 2
Inside the "data" JSON variable, define the properties for the inputs, for example;
{
  "username": "",
}

> Go to the properties of input and set as below.

  •  Value = data.username

Step: 3
Inside the "handler" variable,  write the condition like this;
if($data.action.includes('clear')) {
    $data.data.username = '';
    $data.action = [];
}

> Go to the properties of the clear button and set them as below.

  •  Action = Add to collection
  • Collection = action
  • Add = First
  • Value to add = clear 
4

Bonjour et merci pour la reponse,

s'il vous plait peux-tu m'expliquer breivement les etapes que je doit suivre pour le faire,car pour la modelisation c'est bon je la fait mais il me reste comment programmer le bouton annuler pour que le processus soit annuler .

dans le UI Designer j'ai ajouté manuellement le bouton annuler mais je suis bloqué ici ,qu'est ce que je doit faire pour que lorsque on clique sur le bouton annuler on doit terminer le process et lorsque on clique sur le bouton valider on valide l'inscription. 

5

je veux que le bouton annuler just vide le formulaire et on reste dans la meme task