Open the menu

    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:

    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.