BT

Disseminando conhecimento e inovação em desenvolvimento de software corporativo.

Contribuir

Tópicos

Escolha a região

Início Notícias Apresentando os Templates para JQuery

Apresentando os Templates para JQuery

Favoritos

Na primeira das três biliotecas criadas pela Microsoft aceitas pelo JQuery como plugin oficial, a API de Templates do JQuery possibilita a criação de elementos HTML de forma dinâmica através de objetos. Assim como as linguagens server side de templates como o ASP ou o VB's XML Literals, basta você deixar buracos com expressões de data-binding que indicam o que será mostrado.

Para fazer o data binding básico de dados basta utilizar a sintaxe ${fieldName}. Por exemplo:

<script id="bookTemplate" type="text/x-jquery-tmpl">
    <li><b>${Name}</b> (${Year})</li>
</script>

Para utilizar o template, basta você definir onde você quer colocar esse template e executar o template utilizando a função "tmpl".

<ul id="bookList"></ul>
$( "#bookTemplate" ).tmpl( books ).appendTo( "#bookList" );

Utilizando essa sintaxe,o template é compilado para uma função JavaScript. os templates compilados também podem ser criados apartir de uma string, basta utilizar a função JQuery.template. Os templates criados podem ser nomeados e depois armazenados na lista $.templates ou simplesmente retornar o objeto.

Para templates de uso pontual, muitas vezes o trabalho de compilar ele não vale o custo. Nessas situações você pode passar um definição de template como uma string diretamente para a execução da função JQuery.tmpl.

A jQuery Template API requer o jQuery 1.4.2. As licenças das bibliotecas são MIT e GPL versão 2 respectivamente.

Avalie esse artigo

Relevância
Estilo/Redação

Conteúdo educacional

BT