Cambiar de pestaña con clic de botón

Cuando configuras varias pestañas, puedes añadir un componente Botón que cambia a la siguiente pestaña. Este tutorial muestra cómo crear un componente Botón que cambia a la siguiente pestaña.

Tutorial

Para crear el componente Botón personalizado:

1. Arrastra y suelta un componente Botón en tu formulario.
2. En la pestaña Visualización del componente Botón, establece la propiedad Acción en Clic.
3. Marque Usar para actualización local.
4. Configura el componente Botón para cambiar a la segunda pestaña en la sección Actualizar lógica de datos .
5. Configure el control de pestaña 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, haga referencia a ella como Tab (1), porque se trata de índices basados en 0.

   Para este ejemplo, copia y pega el siguiente script para configurar el control de pestaña. [debe especificar dónde el usuario debe pegar el script]

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

6. Utiliza el siguiente script adicional que permite que el bloque Hacer se ejecute al cambiar a la segunda pestaña. Este paso es opcional, creado para demostrar el número de veces que se hace clic en el componente Botón.

   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 tener una referencia futura, descarga el ejemplo XAML