Itek Developer

Programmare è arte

Archivi delle etichette: jquery templates

jquery templates ( uso di tmplItem )

jquery templates e gli items

In questo secondo articolo dedicato alla libreria jquery templates vi voglio mostrare un modo diverso per creare i templates ( tramite tags <script>) e come utilizzare la funzione tmplItem. Guarda i video articoli che seguono. Guarda anche il mio articolo di introduzione alla libreria jquery templates

Per scaricare il codice clicca : jquerytemplate-items.html o scarica il file dal FlashWidget che trovi qui nella barra laterale ( Area Download ) sotto la cartella jquery.

——————–

Video Tutorial :

Invece di (part 1)  e (part 2) ho messo (part 3) e (part 4) per dare un seguito all’artiocolo precedente di introduzione alla libreria jquery templates.  I due video qui di seguito comunque compongono un tutorial completo.

( parte 3 )


( parte 4)


jquery templates

La libreria jquery templates

Binding di dati utilizzando la libreria jquery templates

Jquery Templates  è un’utilissima libreria che permette di fare il binding di una variabile javascript all’interno di codice html in modo molto semplice ma molto efficace. La libreria in oggetto è un’estensione dell’ormai famosissima e utilizzatissima libreria jquery. Quest’ultima è ormai diventata di fatto uno standard grazie al fatto che rende la programmazione lato client facile e potente con poche linee di codice. Per utilizzare la libreria jquery template in un nostro progetto dobbiamo includere i files .js relativi alle due librerie ( jquery e jquery-template). A tale scopo possiamo usare due metodi :

  1. scaricare i files dal sito jquery.com
  2. inserire i files scaricandoli direttamente all’interno della nostra pagina dai server CDN ( Content Delivery Network ) di Google o Miscrosoft.

Il secondo metodo è preferibile in quanto evita al server che ospita il nostro sito di dover fornire agli utenti che vi accedono anche i files .js in questione. Nelle’esempio che sto per mostrare in questo articolo utilizzeremo il secondo metodo.

Potete scaricare il codice dell’esempio a questo link : jqueryTemplate.html o dal FlashWidget che trovate qui a lato nella barra laterale ( Area Download ) sotto la cartella jquery.

Esempio e analisi del codice ( Video Tutorial )

( parte 1 )

( parte 2 )


%d blogger hanno fatto clic su Mi Piace per questo: