Como alternar abas com um clique de botão

Ao configurar várias guias, você pode adicionar um componente Button , que alterna para a próxima guia. Este tutorial demonstra como criar um componente Button que alterna para a próxima guia.

Tutorial

Para criar o componente Button personalizado:

1. Arraste e solte um componente Button em seu formulário.
2. Na guia Display do componente Button, defina a propriedade Action como Click.
3. Marque Usar para atualização local.
4. Configure o componente Button para alternar para a segunda guia na seção Update Data Logic .
5. Configure o controle da guia para exibir a segunda guia. Neste exemplo, queremos que a guia Q2 seja exibida ao clicar no botão.

   Ao definir a segunda guia, faça referência a ela como Tab(1), porque estamos lidando com índices baseados em 0.

   Para este exemplo, copie e cole o script abaixo para configurar o controle da guia. [você precisa especificar onde o usuário deve colar o script]

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

6. Use o script adicional abaixo que habilita o Bloco Fazer a ser executado ao mudar para a segunda guia. Essa etapa é opcional e foi criada para demonstrar o número de vezes que o componente Botão é clicado.

   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 para ter uma referência futura, baixe o exemplo do XAML