Estilos em Thymeleaf, Javascript e Groovy

O LumisXP permite o desenvolvimento de estilos através de estilos JavaScript, Groovy e Thymeleaf (além de XSL).

Javascript e Groovy

Em estilos em Javascript e Groovy, utiliza-se como linguagem principal o HTML e o código do script é identificado pelos delimitadores a seguir:

<% ... %>, usado para definir uma área de código.

Exemplo:

<%= ... %>, usado para escrever no HTML o retorno de um código. O valor é escapado para o formato HTML.

Exemplo:

O código adicionado aos delimitadores não está contido pelo mesmo, ao processar o estilo todos os delimitadores se juntam como se fosse um único arquivo. Por exemplo uma variável declarada em um delimitador pode ser usada em outros delimitadores posteriormente, caso o escopo da mesma permita.

Exemplo:

<% var date = new Date(); %> <div> <time datetime="<%=date.toISOString()%>"> <%=date.toLocaleString()%> </time> </div>

Os estilos em Javascript e Groovy suportam uma diretiva #lum_include para incluir um trecho de código no local onde a diretiva está declarada. Para maiores informações, veja a documentação.

Thymeleaf

O formato utilizado pelo portal em templates Thymeleaf é o formato oficial, que pode ser conferido na documentação oficial.

Observações gerais

Nos templates em Javascript, Groovy e Thymeleaf, estão disponíveis vários objetos e métodos para facilitar o seu desenvolvimento. Veja o tópico Variáveis Disponíves Para Estilos em Javascript, Groovy e Thymeleaf.

Para maiores informações e exemplos sobre estilos usando script, veja o tópico da linguagem desejada:

Caso seja necessário utilizar recursos EL, as mesmas podem ser acessadas utilizando o delimitador ${ ... } no HTML ou lum_el.evaluate("lum_localize('STR_TITLE')") quando no template. Note que não é possível misturar a tag EL HTML com código do script. Para maiores informações sobre EL, veja o tópico Recursos disponíveis em EL.