Cuprins
După cum ar trebui să știm, colecțiile sunt o parte foarte importantă a Backbone.js pentru a gestiona datele dinamice ale aplicației noastre, totuși, dacă depindem doar de aceasta, va trebui probabil să facem o cantitate mare de cod de fiecare dată când trebuie să construim o vizualizare care să reprezinte colecțiile noastre.Cu utilizarea Torace Putem profita de facilitățile oferite de această extensie pentru a reduce cantitatea de muncă și pentru a face astfel aplicații în mai puțin timp și cu un cod mai eficient.
Colecție Helper
Știm că a ajutor este un grup de metode care ne ajută cu un anumit subiect, în cazul colecțiilor, ajutorul care are Torace Ne ajută să generăm vizualizări din acestea, cu aceasta putem reutiliza și scrie un cod mai eficient și mai puțin complex, acest lucru ne ajută să îmbunătățim întreținerea aplicației noastre, precum și modul în care ne putem dezvolta funcționalitățile.
CollectionViewÎn cazul specific al Torace avem CollectionView, care este cel care ne va ajuta să luăm fiecare element al colecției noastre și să generăm o vizualizare care se poate schimba în funcție de comportamentul respectivelor elemente.
Să vedem un exemplu simplu de modul în care acest lucru ajutor construiți o vedere dintr-o colecție.
Această colecție primește o serie de elemente, în acest caz animale de companie și fiecare ar avea un nume, apoi în aplicația noastră Javascript am avea următoarele:
După cum vedem ajutor ne ajută să creăm elementul din colecție cu câteva linii de cod.
Atribute disponibile
Pentru a ne facilita viața, putem folosi o serie de atribute în HTML care ne oferă o interpretare de către Torace care poate fi util, să vedem pe care le putem folosi:
element-șablonNe permite să specificăm un șablon pentru fiecare model.
vizualizare articolEste o clasă care este utilizată atunci când creăm fiecare vizualizare a elementelor colecției.
șablon golEste șablonul implicit care va fi utilizat atunci când colecția este goală, în acest fel putem acoperi cazul de a nu avea rezultate.
vedere-goalăLa fel ca în cazul șablonului gol, acesta generează vizualizarea atunci când nu avem elemente în colecția noastră.
Blocuri condiționate
Există un instrument care este blocuri condiționate, care ne permit să specificăm cazuri, astfel încât colecția noastră să poată arăta o vizualizare sau alta în funcție de caz.
În acest caz, vedem cum definim un element sau altul în cazul în care colecția nu are elemente deja încărcate, acest lucru ne economisește multă muncă și validări care fac un cod mai complex decât este necesar.
Ei bine, cu aceasta terminăm acest tutorial, după cum vedem Backbone.js iar flexibilitatea sa ne oferă ușa de a folosi extensiile care ne permit să ne gestionăm aplicația în modul în care dorim, în cazul asistenților, funcționalitățile care ne ajută să construim sunt neprețuite, important este să știm cum să folosim aceste ajutoare și creați cel mai bun cod posibil.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