Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: DI-2359

Mudar aba

Função que altera a aba o valor do atributo de um elemento.

Parâmetros

NomeTipoDocParâmetro 1ObjectComponente a ter o valor do atributo a ser alterado

Compatibilidade

Image Removed Servidor

Image Removed Cliente

Exemplo

após atribuir o bloco ao formulário "Formulários/Web/Autenticado/home

Tooltip
onlyIcontrue
appendIconinfo-circle

"src/main/webapp/views/logged/home.view.html"

", abaixo, figura 1, o bloco Mudar aba recebe no parâmetro identificador o ID do componente Aba, após isso, iremos atribuir a função à um botão, onde após ser clicado, ele irá alterar a aba do componente Aba após clicar no botão (Figura 2).

Image Removed

Figura 1 - Bloco Mudar aba

Image Removed

Figura 2 - Aba da direita sendo selecionada após o retorno da função da figura 1

alterna entre as abas do componente visual Abas.


Image Added

Figura 1 - Bloco Mudar aba

Compatibilidade

  • Bloco cliente: cronapi.screen.setActiveTab()
  • Bloco servidor: cronapi.screen.setActiveTab() - executado a partir da chamada do bloco cliente.

Retorno

Bloco não possui retorno.

Parâmetros

Identificador

Identificador (id) da aba do componente Abas para a qual se deseja alterar. Para selecioná-lo, é necessário vincular o bloco de programação ao formulário de referência que contenha o componente correspondente, confira no tópico Propriedades do Blockly da documentação Bloco de Programação.

  • Posição: 1
  • Inglês: Identifier
  • Tipo: Objeto / Object
  • Exemplo: "tab2-3524"

Exemplo

A imagem abaixo apresenta um exemplo de uso do bloco Mudar aba. Após a execução da função, o componente Abas será direcionado para a aba correspondente ao identificador (id) informado no bloco.


Image Added

Figura 2 - Exemplo de uso do bloco Mudar aba


A imagem a seguir exibe o componente Abas antes da execução da função.


Image Added

Figura 2.1 - View antes de executar a função


A seguir, observamos o resultado de execução da função da Figura 2. Observe que a visualização foi alterada para a "Aba 2".


Image Added

Figura 2.2 - Resultado de execução da função da Figura 2

Nesta página

Índice

Vincular formulário

Para selecionar Valor (ng-model) da Grade no parâmetroIdentificador, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação. Informações
titleMais sobre
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.