Versões comparadas

Chave

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

Esconder modal

Função que esconde uma janela modal existente no formulário mobile referenciado, acesse o tópico "Modal" da documentação Editor de views para mais detalhes.

Parâmetros

NomeTipoDocParâmetro 1StringSeleciona uma modal Criada para fechar com um evento.

Compatibilidade

blockly_server.pngImage Removed Servidor

Image Removed Cliente

Exemplo

Geralmente o bloco é usado junto à um botão para fechar a modal, como mostrado no exemplo abaixo (Figura 1), após atribuir o bloco ao formulário "Formulários/Mobile/Autenticado/home

Tooltip
onlyIcontrue
appendIconinfo-circle

""src/main/mobileapp/www/views/logged/menu.view.html""

", selecionamos a modal "changePassword" responsável pela troca de senha, após isso, atribuímos a função à um evento Ao Clicar de um botão dentro da modal "changePassword", execute e logue no projeto e vá  e a modal será fechada após clicarmos no botão (Figura 2).

Para a ação inversa, utilize o bloco Exibir modal mobile.


Image Added

Figura 1 - Bloco Esconder modal mobile

Compatibilidade

  • Bloco cliente (mobile): cronapi.screen.hideIonicModal()

Retorno

Bloco não possui retorno.

Parâmetros

Identificador

Identificador (id) da janela modal que será escondida. Para selecioná-lo é necessário vincular o bloco de programação a um formulário de referência, confira no tópico Propriedades do Blockly da documentação Bloco de Programação.

  • Posição: 1
  • Inglês: Identifier
  • Tipo: Objeto / Object
  • Exemplo: "modal79649"

Exemplo

A função a seguir apresenta um exemplo de uso do bloco Esconder modal mobile. Após vincular um formulário de referência nas configurações do blockly, selecionamos, no parâmetro Identificador do bloco, o identificador (id) da janela modal presente no formulário. 


Image Added

Figura 2 - Exemplo de uso do bloco Esconder modal mobile


Abaixo, podemos visualizar a janela modal informada no bloco. Essa janela será exibida no formulário vinculado ao blockly da função, por meio do bloco Exibir modal mobile, acesse a documentação deste bloco para visualizar o exemplo.


Image Added

Figura 2.1 - Seleção da janela modal no editor de views


A função da Figura 2 foi adicionada ao evento "Ao Clicar" do botão "Fechar" presente na janela modal (destaque 1 da Figura 2.1). Ao clicar neste botão, a modal apresentada na Figura 2.1 será escondida e a página principal será exibida (Figura 2.2).


Image Added

Figura 2.2 - Modal exibida após execução da função

Nesta página

Índice