Versões comparadas

Chave

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

Exibir modal

Função que exibe uma janela modal

Parâmetros

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

Compatibilidade

blockly_server.pngImage Removed Servidor

Image Removed Cliente

Exemplo

Abaixo (Figura 1), após atribuir o bloco ao formulário "Formulários/Web/Autenticado/home

Tooltip
onlyIcontrue
appendIconinfo-circle

"src/main/webapp/views/logged/home.view.html"

", selecionamos a modal "modalPassword" responsável pela troca de senha, após isso, atribuímos a função à um evento Ao Clicar de um botão e a modal será iniciada após o projeto ser iniciado e clicarmos no botão (Figura 2).

Image RemovedFigura 1 - Bloco Exibir modal

Image Removed

Figura 2 - Modal iniciada após clicar no botão com a função da figura 1

existente no formulário referenciado, acesse o tópico "Modal" da documentação Editor de views para mais detalhes. Para a ação inversa, utilize o bloco Esconder modal.


Image Added

Figura 1 - Bloco Exibir modal

Compatibilidade

  • Bloco cliente (web): cronapi.screen.showModal()
  • Bloco servidor: cronapi.screen.showModal() - executado a partir da chamada do bloco cliente.

Retorno

Bloco não possui retorno.

Parâmetros

Identificador

Identificador (id) da janela modal que será exibida. 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 Exibir modal. 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 Exibir modal


A função da Figura 2 foi adicionada ao evento "Ao Clicar" do botão presente no formulário vinculado ao blockly da função. Ao clicar neste botão, a modal selecionada é exibida.


Image Added

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


Nesta página

Índice

Vincular formulário

Para selecionar Valor (ng-model) da Grade no parâmetro Identificador, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação.

Informações
titleMais sobre
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.