BT

Apresentando os Templates para JQuery

por Jonathan Allen , traduzido por Pedro Mariano em 08 Out 2010 |

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.

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.

Dê sua opinião

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

Receber menssagens dessa discussão
Comentários da comunidade

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

Receber menssagens dessa discussão

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

Receber menssagens dessa discussão

Dê sua opinião

Conteúdo educacional

Feedback geral
Bugs
Publicidade
Editorial
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2013 C4Media Inc.
Política de privacidade
BT