Exibir modal mobile
Função que exibe um modal em dispositivos uma janela modal existente no formulário mobile 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 mobile.
Parâmetros
Compatibilidade
Cliente
Exemplo
Abaixo (Figura 1), após atribuir o bloco ao formulário "Formulários/Mobile/Autenticado/menu
| Tooltip | ||||
|---|---|---|---|---|
| ||||
"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 e a modal será iniciada após o projeto ser iniciado e clicarmos no botão (Figura 2).
Figura 1 - Bloco Exibir modal mobile
Compatibilidade
- Bloco cliente (mobile): cronapi.screen.showIonicModal()
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 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.
Figura 2 - Exemplo de uso do bloco Exibir modal mobile
Abaixo, podemos visualizar a seleção da janela modal informada no bloco. Para criar uma janela modal, basta clicar no botão "Adicionar" (destaque 1 da Figura 2.1) na parte superior do Editor de views.
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 "Mudar senha" presente no formulário vinculado ao blockly da função (destaque 2 da Figura 2.1). Ao clicar neste botão, a modal apresentada na Figura 2.2 é exibida.
Figura 2.2 - Modal exibida após execução da função
Nesta página
| Índice |
|---|