Doar săptămâna aceasta, echipa jQuery a anunțat că pluginul de template-uri al Microsoft (alături de alte câteva) este acum sprijinit oficial. Ce inseamna acest lucru este ca plugin-ul va fi acum mentinut si actualizat direct de catre echipa de baza. În acest tutorial video, vom examina esențialele pluginului și de ce este minunat.

---

Ca un exemplu rapid, vom revedea din nou exemplul API de căutare Twitter de vineri (cred că Bieber). Singura diferență este că, de data aceasta, vom folosi un șablon HTML pentru a atașa datele returnate, mai degrabă decât să înnebunesc JavaScript!

Luni în urmă, Andrew Burgess ți-a prezentat acest plugin, încă în beta. Cu toate acestea, astăzi, vom integra pluginul în codul real-live.

Abonați-vă la pagina noastră YouTube pentru a viziona toate tutorialele video!

---

Curs intensiv

---

Pasul 1: Importați jQuery și pluginul Templating

---

Pasul 2: Creați șablonul

• Observați cum este înfășurat acest șablon scenariu tag-uri, și că a tip de Text / x-jquery-tmpl a fost aplicat.
• Vom menționa numele variabilelor șablonului prin prefixarea unui semn de dolar și prin împachetarea numelui proprietății în coarde curbate.
• Dacă instrucțiunile pot fi create utilizând două seturi de bretele curbate, după cum sa arătat mai sus. (Pentru mai multe detalii, consultați ecranul.)

---

Pasul 3: Găsiți niște date pentru a obține rezultate!

În acest caz, vom face o căutare rapidă a API-ului de căutare Twitter.

Mulțumită lui Peter Galiba (vezi comentariile), pentru recomandarea celor mai elegante $ .map soluție, prezentată mai sus.

Consultați secvența video pentru o plimbare completă a codului de mai sus. Cel mai important, totuși, este că noi creăm o serie de obiecte. Aceasta va servi ca date pentru șablonul pe care l-am creat la pasul doi. Observați cum sunt denumite proprietățile:

 numele de utilizator: obj.from_user, tweet: obj.text, imgSource: obj.profile_image_url, geo: obj.geo

... corespund variabilelor de șablon pe care le-am creat în etapa a doua.

---

Pasul 4: Unde ar trebui să se facă marcarea?

Mai departe, trebuie să desemnați Unde marcajul și datele ar trebui să fie redate. Vom crea o listă neordonată în acest scop.

---

Pasul 5: Refaceți datele

În final, atașăm datele la șablon și le adăugăm la lista neordonată (#tweets) pe care am creat-o în etapa a patra.

 . $ ( '# Tweeturi') tmpl (twitter) .appendTo ( '# twitter');

1. Găsi scenariu (șablon) cu un element id de tweeturi.
2. Atașați stare de nervozitate array la acest șablon.
3. Adăugați marcajul nou la DOM.

---

Sursa finală

           
 Tweets despre Nettuts+ 
  
   

---

Deci ce crezi?

Acum că pluginul templating este susținut oficial de echipa jQuery de bază, îl veți folosi în proiectele viitoare?