Problema no botão de confirmar do curso Front-end Web Responsivo.

Icaro Antunes

Icaro Antunes Publicado 20/11/2021 


Olá! Nessa postagem vou explicar uma pequena mudança que impactou uma funcionalidade devido às nossas atualizações. Na aula sobre bloqueio de envio de dados, ao clicar no botão de confirmar(botão verde do formulário da imagem abaixo), deveria aparecer a opção "Ao clicar" em eventos(lado direito da imagem), no entanto não aparece ,fazendo com que não seja possível trocarmos o valor datasource.post() para nosso bloco de programação criado. O resultado disso é que mesmo criando o bloco com a regra para não aceitar valores maiores que 1000, nossa aplicação ainda irá aceitar. Para que isso não aconteça, siga o passos abaixo:          

Imagem do problema



-Tenha já criado um bloco de programação Abastecimento com as regras(passo realizado no tutorial).

-Tenha criado uma função de confirmar(passo realizado no tutorial)

-Se já estiver com tudo isso pronto. agora resta acompanhar os próximos passos


Para seguir para o próximo passo, sua tela de estar semelhante a esta abaixo(Preste bastante atenção nos nomes que você deu tanto para o bloco, que nesse caso é Abastecimento, quanto para a função que é chamada confirmar). Não precisa estar igual pois você pode ter dado um nome diferente, ou usado letra maiúscula ou minúscula, o que importa é usar sempre igual você está usando no resto do projeto.


Por fim, voltando à tela da primeira imagem, dê um duplo clique no botão verde de confirmar a tela abaixo será aberta.


Note que o datasource.post que queremos trocar está ali no ng-click, isto é, da maneira que está ele não está indo para checagem no nosso bloco de programação, só está aceitando tudo que passa.Para ajeitar isso, vamos direcionar toda vez que for clicado no botão, para ir primeiro checar no nosso bloco de programção se o valor irá ser aceito ou não.Para isso basta apagar o datasource.post e no lugar dele colocar esse comando: cronapi.client('js.blockly.Abastecimento.confirmar').names().run()    


Atente em apagar somente o texto do datasource e inserir somente texto , tudo deve estar dentro das aspas para que não haja conflito algum.Lembre-se também que Abastecimento e confirmar são valores que você irá colocar de acordo como nomeou no seu projeto, levando em consideração as letras maiúsculas e minúsculas.Exemplo: se você deu o nome do bloco de AbastecimentoBloco e da função de CoNfirmaRR, seu código a ser colado deve ser cronapi.client('js.blockly.AbastecimentoBloco.CoNfirmaRR').names().run()

 Após isso só salvar e ver na aplicação que não é qualquer valor que é aceito.

Qualquer dúvida estamos à disposição!Bons estudos, sucesso, logo iremos ajeitar essa função do botão.

 

Voltar ao topo