Versões comparadas

Chave

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

Define se um componente ficará visível ou não na view.


Image Added

Figura 1 - Bloco Definir visibilidade

Compatibilidade

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

Retorno

Bloco não possui retorno.

Parâmetros

Obter identificador

Componente a ter sua visibilidade alterada, é aceito tanto Identificador (id) quanto o Valor (ng-model). Para selecionar o Identificador(id) ou Valor (ng-model) do componente, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação. Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.

  • Posição: 1
  • Inglês: Get identifier
  • Tipo: Objeto / Object
  • Exemplo: "crn-textinput-290034"

Visível?

Define se o componente informado ficará visível ou não. Se "Verdadeiro", o componente será exibido, se "Falso", o componente será ocultado.

  • Posição: 2
  • Inglês: Visible?
  • Tipo: Boleano / Boolean
  • Exemplo: Falso

Exemplo

Alterar valor do campo

Altera o valor textual de um componente.

Parâmetros de Entrada

Nome

Tipo

Doc

Parâmetro 1ObjectComponente a ter seu valor alteradoParâmetro 2StringConteúdo em texto para alteração

Compatibilidade

Image Removed Servidor

Image Removed Cliente

Exemplo 1

Após vincular um formulário de referência nas configurações do bloco, a função "Executar" (Figura 2) abaixo recebe o bloco Definir visibilidade e seus parâmetros estão configurados da seguinte forma:

  • Obter identificador: nome valor da propriedade Valor do componente Área de texto do formulário da figura 1;
  • Visível: Conteúdo que será substituído no componente Área de texto.

Image Removed

Figura 2 - Bloco Alterar valor do campo

  • Identificador(id) do componente que deseja alterar a visibilidade.
  • Visível?: selecionaremos Falso para esconder o componente.


Image Added

Figura 2 - Função que define se um item ficará ou não visível


O id passado no primeiro parâmetro do bloco pertence ao componente Entrada de texto que inserimos na view (Figura 2.1).


Image Added

Função 2.1 - Componente Entrada de texto


A função foi A função acima é atribuída ao evento Ao Clicar do do botão. Ao clicar no acionar o botão "Alterar Valor Campo" (Figura 3) Esconder componente", na aplicação, o conteúdo da Área de texto será substituído pelo conteúdo "Novo valor" informado no parâmetro Valor do bloco Alterar Valor do campo componente Entrada de texto deixará de ficar visível, pois a opção Falso foi inserida no parâmetro Visível? (Figura 2).


Image RemovedImage Added

Figura 3 2.2 - Formulário com os componentes Botão e Área Entrada de texto


Para que o componente apareça novamente, inserimos a função no botão "Exibir componente" com a opção Verdadeiro selecionado no parâmetro Visível?.


Image Added

Figura 2.3  - Após clicar no botão Exibir componente

Nesta página

Índice

Vincular formulário

Para selecionar Valor (ng-model) da Grade no parâmetro Campo, é 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.