Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Focar componente

Essa função é utilizada para focar um determinado componente  passado como parâmetrona tela.


NomeTipoDoc
Parâmetro 1ObjectRecebe do formulário selecionado, o id Identificador do componente que será focado

Compatibilidade

blockly_server.png Servidor

 Cliente

Exemplo

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 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). Ao executar a função da figura 1, o bloco Focar componente irá selecionar o componente que possui o identificador "crn-textinput-579189".


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 escritaAo clicar no botão "Button", a função da figura 1 será executada e o componente visual Entrada de texto será selecionado automaticamente. 

.

Figura 2 - O bloco de texto foi clicado pelo cursor assim podendo digitarApós clicar no botão, o foco vai para o componente entrada de texto


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çãoo identificador de um componente, é necessário vincular o bloco de programação ao formulário que possui o componente.

Informações
titleMais sobre

Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.