Changer d'onglet en un clic

When you configure multiple tabs, you can add a Button component, that switches to the next tab. This tutorial demonstrates how to create a Button component that switches to the next tab.

Tutoriel

Pour créer le composant Button personnalisé :

1. Drag and drop a Button component into your form.
2. In the Display tab of the Button component, set the Action property to Click.
3. Check Use for Local Update.
4. Configure the Button component to switch to the second tab in the Update Data Logic section.
5. Configurez la commande d'onglet pour afficher le deuxième onglet. Dans cet exemple, nous voulons que l'onglet Q2 s'affiche lorsque vous cliquez sur le bouton. Lorsque vous définissez le deuxième onglet, référencez-le en tant que Tab(1), car il s'agit d'un index basé sur 0. Pour cet exemple, copiez et collez le script ci-dessous pour configurer le contrôle d'onglet. [vous devez spécifier où l'utilisateur doit coller le script]

   var tabs = form.getComponent('tabs');
   tabs.setTab(1);
   

6. Use the additional script below that enables the Do Block to run when switching to the second tab. This step is optional, created to demonstrate the number of times the Button component is clicked.

   instance.emit('executeDoBlock', instance.component);
   

7. Enregistrez le composant et la fiche.

Exemple de workflow

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