Backbone.js - Metoda Render ()

Avantajul de a lucra cu un Cadrul MVC este că putem separa diferitele zone ale aplicației în straturi, știm deja că modelul și controlerul sunt straturile care sunt responsabile de oferirea funcționalității interne și a implementării logice a aplicației noastre, cu toate acestea este în partea de vizualizare unde se creează cel mai mare impact, deoarece este ceea ce va vedea utilizatorul.
Pentru a gestiona vizualizarea avem mai multe opțiuni, știm că trebuie să avem un motor de șabloane, ceea ce este interesant este că putem folosi una dintre numeroasele opțiuni și pentru a ne permite acest lucru, avem metoda render () care este cel care va apela șablonul și va afișa datele.
Metoda Render ()
Dacă trebuie să definim logica modului de afișare a unui șablon, putem folosi metodă opțională render ().
ImportantÎn acest tutorial vom folosi Sublinia ca motor de șabloane și, în plus, vom lua următorul HTML ca bază:

Aici vedem cum facem un bloc la care definim că tipul său va fi text / șablon și adăugăm un șablon de identificare, acest lucru ne va ajuta atunci când trimitem informațiile către motorul de șabloane.
Funcționarea
Există o metodă în Sublinia numit ._sablon care compilează codul șablonului în Javascript și îl transformă în funcții pe care apoi le putem evalua și afișa.
De exemplu, metodei trecem etichetele pe care le va folosi folosind un id, în cazul în care codul anterior este șablonul id, cu acesta, ._metoda modelului știi deja unde să returnezi datele.
Apoi el metoda render () folosește șablonul trimițându-i date folosind metoda toJSON () care într-un fel traduce atributele modelului pe care le-am asociat cu vederea. Apoi șablonul returnează HTML-ul concret și îl adăugăm la Copac DOM a documentului folosind proprietate $ the.

Acest lucru poate suna ca o mulțime de muncă, dar totul este într-adevăr realizat de cadru împreună cu motorul de șabloane, astfel încât intervenția noastră este mult mai simplă decât dacă ar fi să facem toate acestea fără ajutorul tău.

Exemple de utilizare
Există o convenție în care trebuie returnează asta la sfârșitul metodei render (), Acest lucru ne ajută să facem vizualizările reutilizabile în alte vizualizări și, de asemenea, să creăm liste de elemente care vor fi desenate odată ce toate elementele sunt prezente și nu unul câte unul, economisind astfel niște resurse.
Să vedem mai jos o imagine a unui exemplu de cum să construiți o vizualizare listă:

Vedem asta în cadrul metodei render () folosim acest lucru pentru a adăuga la proprietate $ the, conținutul modelului și apoi putem întoarce toate acestea cu returnează asta.
Destul de simplu de implementat, dar foarte util, deoarece acest lucru ne va permite să folosim această listă chiar și ca subvizualizare în cadrul altor vizualizări părinte.
Finalizăm tutorialul cunoscând metoda render () și importanța sa mare la definirea punctelor de vedere care pot fi refolosibile.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv