Definir visibilidade

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

Parâmetros

Nome

Tipo

Doc

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)

.Parâmetro 2Booleano

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

Compatibilidade

Image Removed Servidor

Image Removed

será ocultado.

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

Exemplo

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

• Obter identificador: nome valor da propriedade Identificador(id) do componente que deseja alterar a visibilidade;.
• Visível?: Selecionaremos selecionaremos Falso para esconder o componente.

Image Removed

Figura 1 - Bloco Definir visibilidade

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 "Esconder " (Figura 1.1) componente", na aplicação, o componente Área Entrada de texto deixará de ficar visível, pois a opção Falso foi inserida no parâmetro Visível?  (Figura 12).

Image RemovedImage Added

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

Ficará apenas uma área vazia onde ficava o componente, não alterando o layout da página, pois o espaço que ele ocupa permanece (Figura 1.2). Para que o componente apareça novamente, basta chamar inserimos a função da figura 1 no botão "Exibir componente" com a opção Verdadeiro selecionado no parâmetro Visível?.

Image RemovedImage Added

Figura 12.2 3  - Após clicar no botão EsconderExibir componente