Como alternar abas com um clique de botão

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 criar o componente Button 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. Configure o controle de guia para exibir a segunda guia. Neste exemplo, queremos que a aba Q2 seja exibida ao clicar no botão. Ao definir a segunda guia, faça referência a ela como Guia(1), porque estamos lidando com índices baseados em 0. Para este exemplo, copie e cole o script abaixo para configurar o controle de guias. [você precisa especificar onde o usuário deve colar o 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. Salve o componente e o formulário.

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou ter uma referência futura, baixe o exemplo XAML