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 Definir valor do atributo recebe no parâmetro Obter identificador o ID do componente Link, e no parâmetro Nome do atributo, informaremos o nome do atributo que iremos inserir o valor, como exemplo, iremos alterar o valor do atributo "href", em seguida, inserimos o valor do atributo que será definido, no exemplo abaixo, iremos inserir "#/home/admin/user", após isso, iremos atribuir a função à um botão (Figura 2), onde após ser clicado, ele irá alterar o valor do atributo href para o valor inserido (Destaque 1 da Figura 3).

Image Removed

Image Removed

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.