torek, 30. november 2010

jQuery templates

Za čimmanjši prenos podatkov in največjo zmogljivost pri izdelavi spletnih strani in aplikacij je na voljo novi jQuery template plugin. 

S template-i lahko določite strukturo in jo uporabite za generiranje HTML kode, na odjemalcu. Prenašajo se le podatki v JSON obliki.

 

Obstaja kopico raznih template pluginov, novi uradni jQuery plugin pa je bil narejen v sodelovanju z Microsoftom.

 

Kako zgelda template?

image

$('#OrderSummaryTemplate').tmpl(json).appendTo('#OrderSummaryOutput');

Primer ajax klica za pridobitev podatkov:

 

$.ajax({ dataType: 'jsonp', url: moviesServiceUrl, jsonp: '$callback', success: showMovies });  // Within the callback, use .tmpl() to render the data. function showMovies(data) { // Render the template with the "movies" data and insert // the rendered HTML under the 'movieList' element $('#movieTemplate').tmpl(data).appendTo('#movieList'); }

 

Več preberite v tem članku: Reducing Code by Using jQuery Templates

Ni komentarjev: