Cambiar de pestaña con clic de botón

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.

Tutorial

Para crear el componente Botón personalizado:

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. Configura el control de pestañas para mostrar la segunda pestaña. En este ejemplo, queremos que se muestre la pestaña Q2 al hacer clic en el botón. Al configurar la segunda pestaña, haz referencia a ella como Tab(1), porque estamos tratando con índices basados en 0. Para este ejemplo, copia y pega el siguiente script para configurar el control de pestañas. [debe especificar dónde debe pegar el usuario el 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. Guarda el componente y el formulario.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o para tener una referencia futura, descarga el ejemplo XAML