Backbone.js - Render () metoda

Prednost rada s a MVC okvir je da možemo odvojiti različita područja aplikacije u slojeve, već znamo da su model i kontroler slojevi koji su odgovorni za davanje interne funkcije i logičke implementacije našoj aplikaciji, međutim to je u dijelu pogleda gdje se stvara najveći utjecaj jer je ono što će korisnik vidjeti.
Za upravljanje prikazom imamo nekoliko mogućnosti, znamo da moramo imati predložak, zanimljivo je to što možemo koristiti jednu od mnogih opcija i dopustiti si to, imamo render () metoda koji će pozvati predložak i prikazati podatke.
Render () metoda
Ako moramo definirati logiku načina prikaza predloška, ​​možemo koristiti izborna metoda render ().
VažnoU ovom vodiču ćemo se koristiti Podcrtaj kao pokretač predložaka, a uzet ćemo i sljedeći HTML kao bazu:

Ovdje vidimo kako pravimo blok na što definiramo da će njegov tip biti tekst / predložak i dodajemo id-predložak, to će nam pomoći kada šaljemo podatke u predložak.
Funkcioniranje
Postoji metoda u Podcrtaj zvao ._predložak koji kompilira kod predloška u Javascript i pretvara ga u funkcije koje zatim možemo ocijeniti i prikazati.
Na primjer, metodi prenosimo oznake koje će koristiti pomoću id-a u slučaju prethodnog koda je id-predložak, s tim da ._ metoda šablona već znate kamo vratiti podatke.
Onda je on render () metoda koristi predložak prenoseći mu podatke pomoću metode toJSON () što na neki način prevodi atribute modela koje smo povezali s pogledom. Zatim predložak vraća konkretni HTML i dodajemo ga u DOM stablo dokumenta pomoću vlasništvo $ the.

Ovo može zvučati kao puno posla, ali sve doista radi okvir zajedno s predložakom, pa je naša intervencija mnogo jednostavnija nego da sve to moramo učiniti bez vaše pomoći.

Primjeri upotrebe
Postoji konvencija u kojoj moramo vrati ovo na kraju metode render (), To nam pomaže da poglede učinimo ponovno upotrebljivima u drugim pogledima, kao i da stvorimo popise elemenata koji će se crtati nakon što svi elementi budu prisutni, a ne jedan po jedan, čime nam se štedi malo resursa.
Pogledajmo ispod sliku primjera kako izgraditi prikaz popisa:

To vidimo unutar metode render () ovo koristimo za dodavanje u svojstvo $ the, sadržaj modela, a zatim sve to možemo vratiti sa vrati ovo.
Vrlo jednostavno za implementaciju, ali vrlo korisno jer će nam to omogućiti korištenje ovog popisa čak i kao podpogled unutar drugih roditeljskih pogleda.
Završavamo vodič poznavajući metodu render () i njegova velika važnost pri definiranju pogleda koji se mogu ponovno koristiti.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod