Indholdsfortegnelse
Som vi burde vide, er samlinger en meget vigtig del af Backbone.js for at håndtere de dynamiske data i vores applikation, men hvis vi kun er afhængige af det, bliver vi sandsynligvis nødt til at lave en stor mængde kode, hver gang vi skal bygge en visning, der repræsenterer vores samlinger.Med brug af Thorax Vi kan drage fordel af de faciliteter, der tilbydes af denne udvidelse for at reducere mængden af arbejde og dermed lave applikationer på kortere tid og med en mere effektiv kode.
Indsamlingshjælper
Vi ved, at a hjælper er en gruppering af metoder, der hjælper os med et bestemt emne, i tilfælde af samlinger den hjælper, der har Thorax Det hjælper os med at generere visninger fra disse, med dette kan vi genbruge og skrive en mere effektiv og mindre kompleks kode, dette hjælper os med at forbedre vedligeholdelsen af vores applikation samt måden, hvorpå vi kan udvikle vores funktionaliteter.
CollectionViewI det konkrete tilfælde af Thorax vi har CollectionView, som er den, der skal hjælpe os med at tage hvert element i vores samling og generere en visning, der kan ændre sig i henhold til elementernes adfærd.
Lad os se et enkelt eksempel på, hvordan dette hjælper bygge en udsigt fra en samling.
Denne samling modtager et antal elementer, i dette tilfælde kæledyr og hver enkelt ville have et navn, derefter i vores ansøgning Javascript vi ville have følgende:
Som vi ser hjælper hjælper os med at oprette elementet fra samlingen med få linjer med kode.
Tilgængelige attributter
For at lette vores liv kan vi bruge en række attributter i vores HTML, der giver os en fortolkning af Thorax det kan være nyttigt, lad os se, hvilke vi kan bruge:
element-skabelonDet giver os mulighed for at angive en skabelon for hver model.
element-visningDet er en klasse, der bruges, når vi opretter hver visning af samlingens elementer.
tom-skabelonDet er standardskabelonen, der vil blive brugt, når samlingen er tom, på denne måde kan vi dække tilfælde af ikke at have resultater.
tom visningSom i tilfældet med den tomme skabelon genererer dette visningen for, når vi ikke har nogen elementer i vores samling.
Betingede blokke
Det er der et værktøj betingede blokke, som giver os mulighed for at specificere sager, så vores samling kan vise den ene eller anden visning afhængigt af sagen.
I dette tilfælde ser vi, hvordan vi definerer et eller andet element i tilfælde af, at samlingen ikke allerede har elementer indlæst, dette sparer os for en masse arbejde og valideringer, der gør en kode mere kompleks end nødvendigt.
Nå med dette afslutter vi denne vejledning, som vi ser Backbone.js og dens fleksibilitet giver os døren til at bruge de udvidelser, der giver os mulighed for at administrere vores applikation på den måde, vi ønsker, for hjælpere, de funktioner, der hjælper os med at bygge, er uvurderlige, det vigtige er at vide, hvordan man bruger disse hjælpemidler og lav den bedst mulige kode.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt