Changer d'onglet en un clic

Lorsque vous configurez plusieurs onglets, vous pouvez ajouter un composant Button , qui passe à l'onglet suivant. Ce tutoriel montre comment créer un composant Button qui permet de passer à l'onglet suivant.

Tutoriel

Pour créer le composant Button personnalisé :

Faites glisser et déposez un composant Button dans votre formulaire.
Dans l'onglet Affichage du composant Bouton, définissez la propriété Action sur Clic(Click).
Cochez Utiliser pour la mise à jour locale.
Configurez le composant Bouton pour passer au deuxième onglet de la section Mettre à jour la logique des données (Update Data Logic) .
Configurez le contrôle Onglet pour afficher le deuxième onglet. Dans cet exemple, nous voulons que l'onglet Q2 s'affiche lorsque vous cliquez sur le bouton.
Lors de la définition du deuxième onglet, référencez-le en tant que Tab(1), car nous avons affaire à des index de base 0.

Pour cet exemple, copiez et collez le script ci-dessous pour configurer le contrôle de l'onglet. [vous devez spécifier où l'utilisateur doit coller le script]
```
var tabs = form.getComponent('tabs');
tabs.setTab(1);var tabs = form.getComponent('tabs');
tabs.setTab(1);
```
Utilisez le script supplémentaire ci-dessous qui permet au bloc Do de s'exécuter lors du passage au deuxième onglet. Cette étape est facultative et a été créée pour indiquer le nombre de clics effectués sur le composant Bouton (Button).
```
instance.emit('executeDoBlock', instance.component);instance.emit('executeDoBlock', instance.component);
```
Enregistrez le composant et la fiche.