Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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
Alterar valor do campo
Altera o valor textual de um componente.
Parâmetros
Nome
Tipo
Doc
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
Define se é visível ou não, se"Verdadeiro", o componente
irá aparecerserá exibido, se "Falso", o componente
irá sumirserá ocultado.
Compatibilidade
Image Removed Servidor
Image Removed Cliente
- Posição: 2
- Inglês: Visible?
- Tipo: Boleano / Boolean
- Exemplo: Falso
Exemplo
Exemplo 1Apó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 ValorIdentificador(
id
) do componente que deseja alterar a visibilidade;. - Visível: Conteúdo que será substituído no componente Área de texto.
Image Removed
Figura 1 - Bloco Definir visibilidade
- ?: 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 "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 Removed
Image 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 Removed
Image Added
Figura 12.2 3 - Após clicar no botão EsconderExibir 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.
title | Mais sobre |
---|