Definir visibilidade / Set visibility
Define se um componente ficará visível ou não na view.
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
Após vincular um formulário de referência nas configurações do bloco, a função abaixo recebe o bloco Definir visibilidade e seus parâmetros estão configurados da seguinte forma:
Obter identificador: valor da propriedade Identificador(
id) do componente que deseja alterar a visibilidade.Visível?: selecionaremos Falso para esconder o componente.
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).
Função 2.1 - Componente Entrada de texto
A função foi atribuída ao evento Ao Clicar do botão. Ao acionar o botão "Esconder componente", na aplicação, o componente Entrada de texto deixará de ficar visível, pois a opção Falso foi inserida no parâmetro Visível? (Figura 2).
Figura 2.2 - Formulário com os componentes Botão e 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?.
Figura 2.3 - Após clicar no botão Exibir componente
Nesta página