Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: DI-2277 - update

Modificar conteúdo

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


Image Added

Figura 1 - Bloco Modificar Conteúdo

Compatibilidade

  • Bloco cliente: cronapi.screen.changeContent()
  • Bloco servidor: cronapi.screen.changeContent() - executado a partir da chamada do bloco cliente.

Retorno

O bloco não possui retorno.

Parâmetros

NomeTipoDocParâ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.

Compatibilidade

Image Removed Servidor

Image Removed 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). 

Image RemovedFigura 1 - Bloco Modificar conteúdo

Após 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" para "Usuários".

Image Removed

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

Obter identificador

Identificador (id) do componente que se deseja modificar o conteúdo. Para selecioná-lo, é necessário vincular o bloco de programação ao formulário de referência que contenha o componente correspondente, confira no tópico Propriedades do Blockly da documentação Bloco de Programação.

  • Posição: 1
  • Inglês: Get identifier
  • Tipo: Objeto / Object
  • Exemplo: "crn-anchor-260921"

Conteúdo

Novo conteúdo a ser inserido.

  • Posição: 2
  • Inglês: Content
  • Tipo: Texto / String
  • Exemplo: "Novo Valor"

Compilar?

Define se o conteúdo será modificado ou não.

  • Posição: 3
  • Inglês: To compile
  • Tipo: Booleano / Boolean
  • Exemplo: Verdadeiro

Exemplo

Após vincular o bloco de programação a um formulário de referência, obtivemos o id do componente Título presente na view e iremos alterar o seu conteúdo para "Novo Título".


Image Added

Figura 2 - Bloco Modificar conteúdo


A figura 2.1 exibe o componente Título antes da execução da função.


Image Added

Figura 2.1 - Conteúdo do componente título antes da função ser executada


Vinculamos a função ao evento "Ao Clicar" do botão e, no momento em que a função é executada, o conteúdo do componente é alterado para o valor especificado no segundo parâmetro do bloco Modificar Conteúdo.


Image Added

Figura 2.2 - Conteúdo do componente título após a função ser executada

Nesta pagina

Índice

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ção.

Informações
titleMais sobre
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.