Backbone.js - Evenementen in collecties

Zoals we zouden moeten weten, zijn collecties een zeer belangrijk onderdeel van Backbone.js om de dynamische gegevens van onze applicatie te verwerken, maar als we er alleen van afhankelijk zijn, zullen we waarschijnlijk een grote hoeveelheid code moeten doen elke keer dat we een weergave moeten bouwen die onze collecties vertegenwoordigt.
Met gebruik van Thorax We kunnen profiteren van de faciliteiten die deze extensie biedt om de hoeveelheid werk te verminderen en zo applicaties in minder tijd en met een efficiëntere code te maken.
Verzamelhulp
We weten dat een helper is een groep methoden die ons helpt met een bepaald onderwerp, in het geval van collecties de helper die heeft Thorax Het helpt ons om hier views van te genereren, hiermee kunnen we hergebruiken en een efficiëntere en minder complexe code schrijven, dit helpt ons om het onderhoud van onze applicatie te verbeteren, evenals de manier waarop we onze functionaliteiten kunnen ontwikkelen.
CollectieBekijkenIn het specifieke geval van Thorax we hebben de CollectieBekijken, die ons gaat helpen om elk element van onze collectie te nemen en een weergave te genereren die kan veranderen afhankelijk van het gedrag van de elementen.
Laten we een eenvoudig voorbeeld bekijken van hoe dit helper een weergave maken vanuit een verzameling.

Deze collectie krijgt een aantal elementen, in dit geval huisdieren en elk zou een naam hebben, dan in onze applicatie Javascript we zouden het volgende hebben:

Zoals we zien de helper helpt ons om het element uit de verzameling te maken met een paar regels code.
Beschikbare attributen
Om ons leven te vergemakkelijken, kunnen we een reeks attributen in onze HTML gebruiken die ons een interpretatie geven door: Thorax dat kan handig zijn, laten we eens kijken welke we kunnen gebruiken:
item-sjabloonHiermee kunnen we voor elk model een sjabloon specificeren.
item-weergaveHet is een klasse die wordt gebruikt wanneer we elke weergave van de elementen van de verzameling maken.
lege-sjabloonHet is de standaardsjabloon die wordt gebruikt wanneer de verzameling leeg is, op deze manier kunnen we het geval dekken dat er geen resultaten zijn.
leeg zichtNet als in het geval van de lege sjabloon, genereert dit de weergave voor wanneer we geen elementen in onze collectie hebben.
Voorwaardelijke blokken
Er is een hulpmiddel dat voorwaardelijke blokken, die ons in staat stellen om gevallen te specificeren, zodat onze collectie afhankelijk van het geval de ene of de andere weergave kan tonen.

In dit geval zien we hoe we het ene of het andere element definiëren in het geval dat de collectie nog geen elementen heeft geladen, dit bespaart ons veel werk en validaties die een code complexer maken dan nodig is.
Welnu, hiermee maken we deze tutorial af, zoals we zien Backbone.js en zijn flexibiliteit geeft ons de deur om de extensies te gebruiken waarmee we onze applicatie kunnen beheren op de manier die we willen, in het geval van helpers zijn de functionaliteiten die ons helpen bouwen van onschatbare waarde, het belangrijkste is om te weten hoe deze hulpmiddelen te gebruiken en maak de best mogelijke code.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven