Versões comparadas

Chave

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

Modificar conteúdo

Função que altera o conteúdo pelo ID em execução.interno a um elemento HTML.

Bloco de código
languagexml
firstline1
titleExmplo
linenumberstrue
<a href="https://www.cronapp.io" id="crn-anchor-260921">Conteúdo que será alterado</a>


Parâmetros

NomeTipoDoc
Parâmetro 1ObjectComponente a ter o conteúdo a ser alterado.
Parâmetro 2StringValor a ser inserido.
Parâmetro 3StringSe o projeto será compilado após a alteração.Compilar?

Compatibilidade

 Servidor

 Cliente

Exemplo

Após atribuir o bloco ao formulário "(Localização: Formulários/Web/Autenticado/home/

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: "src/main/webapp/views/logged/home.view.html"

)", abaixo, figura 1, o bloco Modificar conteúdo recebe no parâmetro Obter identificador o ID do componente Título, e no parâmetro Conteúdo, informaremos o conteúdo que iremos inserir substituindo o anterior, como exemplo, iremos alterar o título para "Usuários", alterando o conteúdo do componente em execução, após isso, no parâmetro Compilar, selecione "Verdadeiro", em seguida iremos atribuir a função à um botão (Figura 2). 

A função da figura abaixo altera o valor do rótulo do componente visual Título para "Usuários".


Image Added

Image RemovedFigura 1 - Bloco Modificar conteúdo


Após O botão da figura 2 executa a função da figura 1 ser chamada pelo evento "Ao Clicar" do componente Botão, ele irá alterar o valor do conteúdo, alterando o título do componente que antes era "Title" e altera o conteúdo do Título para "Usuários".


Figura 2 - Título trocado pelo valor inserido no parâmetro Conteúdo

Vincular formulário

Para selecionar  Valor (ng-model) da Grade no parâmetro Obter identificador, é 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.