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
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.
Bloco do parâmetro Campo
O bloco Obter nome do campo já vem conectado ao Parâmetro Campo e tem o objetivo de facilitar a seleção de um componente do formulário.
Image Removed
Figura 1 - Bloco Obter nome do campo
Parâmetros de Entrada
Nome
Tipo
Doc
Compatibilidade
Image Removed Servidor
Image Removed Cliente
Após vincular um formulário de referência nas configurações do bloco, a função "Alterar Valor" (Figura 2) função abaixo recebe o bloco Alterar valor do campoDefinir visibilidade e seus parâmetros estão configurados da seguinte forma:
- CampoObter identificador: nome valor da propriedade Valor do componente Área de texto do formulário da figura 1;
- Valor: 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 Added
Figura 3 2.2 - Formulário com os componentes Botão e Área Entrada de texto
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.
Mais sobreVeja mais detalhes no tópico "Propriedades do Blockly"
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