Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Ativa o foco em um determinado componente presente na tela.
Image Added
Figura 1 - Bloco Focar componente
Essa função é utilizada para focar um determinado componente passado como parâmetro.
Compatibilidade
Image Removed Servidor
Image Removed Cliente
Exemplo
Após atribuir o bloco ao formulário "Formulários/Web/Autenticado/home
Tooltip | ||||
---|---|---|---|---|
| ||||
"src/main/webapp/views/logged/home.view.html" |
", selecionamos no parâmetro id, o componente que o foco do cursor estará, para esse exemplo, selecionamos o componente de Entrada de texto (Figura 1), após isso, atribuímos a função à um componente botão (Figura 2).
Image Removed
Figura 1 - Bloco Focar componente
Após salvarmos o projeto e executarmos, clicaremos no botão para que o componente selecionado receba o foco, como mostrado na Figura 2, o campo de texto ja foi clicado com o mouse após clicarmos no botão, permitindo escrever no campo sem precisar clicar no campo para depois iniciar a escrita
.
Image Removed
Figura 2 - O bloco de texto foi clicado pelo cursor assim podendo digitar
Compatibilidade
- Bloco cliente: cronapi.screen.focusComponent()
- Bloco servidor: cronapi.screen.focusComponent() - executado a partir da chamada do bloco cliente.
Retorno
Bloco não possui retorno.
Parâmetros
id
Identificador (id
) do componente que será focado. 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: id
- Tipo: Objeto / Object
- Exemplo: "
crn-textinput-290605
"
Exemplo
A função a seguir apresenta um exemplo de uso do bloco Focar componente. Após vincular um formulário de referência nas configurações do Editor, selecionamos, no parâmetro id do bloco, o identificador de um componente entrada de texto presente no formulário.
Image Added
Figura 2 - Função que foca um componente
A figura 2.1 apresenta a view antes da ativação do botão. Como pode-se observar, a view possui dois componentes entrada de texto, onde o primeiro se refere ao nome do usuário e o segundo, o endereço. Inicialmente inserimos dados apenas no primeiro componente.
Image Added
Figura 2.1 - Resultado antes da execução da função
Ao acionar o botão "Focar Componente", alteramos o foco para o segundo componente entrada de texto, que passa a conter o cursor de digitação.
Image Added
Figura 2.2 - Resultado após a execução da função
Nesta página
Índice |
---|
Vincular formulário
Para selecionar Valor (ng-model) da Grade no parâmetro id, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação.
title | Mais sobre |
---|