HTML Customizado

Ao usar um item HTML customizado, é possível incluir código HTML em uma página ou visualização.

O item HTML customizado pode conter um ou mais conjuntos de elementos HTML, como as tags <div> e <label>. É possível incluir o código HTML diretamente como texto, usando um arquivo gerenciado ou usando uma variável. O item HTML customizado insere os elementos na tag <div> da página ou visualização. Se você estiver usando um item HTML customizado em um contêiner, como a tabela, a guia, a seção horizontal e visualizações de seção vertical, agrupe o código HTML em uma tag <div>. Essa ação fará com que o contêiner trate todo o código HTML como uma entidade.

Nota: Ao construir páginas usando blocos HTML customizados, certifique-se de que os segmentos HTML dentro desses blocos não sejam muito grandes. Blocos de HTML customizados são projetados para uso com segmentos HTML com tamanho de pequeno a médio. Se você fornecer um segmento HTML que é muito grande, poderá ver uma exceção de estouro de pilha. Nesse caso, deve-se reduzir o tamanho do segmento HTML que está sendo usado em sua página. Consulte Configuração da JVM O link externo abre uma nova janela ou guia

nas informações sobre o produto WebSphere® Application Server.

Restrição: Se o item HTML customizado estiver dentro de uma visualização de repetição, como uma tabela ou seção, não ligue-o a uma variável que seja uma propriedade dentro de um item de lista Normalmente, o gerador de código insere o conteúdo HTML customizado como código HTML quando cria a página. No entanto, as visualizações de repetição são ligadas a uma lista. Como o conteúdo da lista não é configurado até o tempo de execução, o gerador de código não pode determinar o índice da variável na lista ao criar a página. Se desejar que o texto mude dinamicamente, considere usar uma visualização, como Texto de saída, que esteja ligada à variável.

Importante: Não use os seguintes nomes como nomes de classes CSS em seu código-fonte HTML porque eles são nomes reservados:

CoachView
ContentBox

O item HTML customizado suporta o uso de variáveis Javascript para tipos simples. Quando o servidor gerar uma página HTML para o cliente, ele substituirá o nome de variável pelo seu valor. No entanto, depois que o servidor gerar a página, ele não atualizará o código HTML se houver alguma mudança no valor. O servidor apenas atualizará a variável quando gerar novamente a página HTML inteira. Se o servidor não puder resolver a variável, os usuários verão o nome da variável em vez de seu valor.

No código, você coloca a variável entre colchetes duplos. Para páginas, a variável pode referir-se aos dados somente no namespace tw.local. Ou seja, a variável pode referenciar os dados que são definidos na página Variáveis do serviço manual no nó local. Por exemplo, uma página tem uma variável de objeto de negócios user com um parâmetro name que contém o nome do usuário. É possível fazer a página exibir o nome com o seguinte código em um item HTML:

<div>Hello, {{tw.local.user.name}}.</div>

Para visualizações, a variável pode referir-se aos dados nos namespaces tw.businessData ou tw.options. Ou seja, a variável pode referenciar os dados que são definidos na página Variáveis da visualização nos nós Dados de Negócios ou Opções de Configuração. Por exemplo, se desejar que uma visualização exiba o nome de uma rua, ligue a visualização a um objeto de negócios address com um parâmetro denominado street. Em um item HTML, inclua o código a seguir:

{{tw.businessData.address.street}}

Se você colocar uma instância dessa visualização em uma página, o usuário vê o valor do parâmetro street na visualização. No entanto, se o usuário atualizar o parâmetro street, o conteúdo no item HTML não será atualizado até que o servidor gere novamente a página inteira.

Dica: Para inserir um script, inclua o script usando scripts sequenciais na página Comportamento da visualização.. Não inclua o script usando um item HTML customizado.