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

This item in japanese

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

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

BT