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.

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.

Dê sua opinião

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

Receber mensagens dessa discussão
Comentários da comunidade

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

Receber mensagens dessa discussão

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

Receber mensagens dessa discussão

Dê sua opinião
Feedback geral
Bugs
Publicidade
Editorial
Marketing
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2016 C4Media Inc.
Política de privacidade
BT

We notice you’re using an ad blocker

We understand why you use ad blockers. However to keep InfoQ free we need your support. InfoQ will not provide your data to third parties without individual opt-in consent. We only work with advertisers relevant to our readers. Please consider whitelisting us.