Backbone.js - Nested Views

Når vi jobber med Backbone.js Vi har mange måter å gjøre det samme, det avhenger av hva vi ser etter og vårt nivå som utviklere for å kunne gjøre en eller annen ting i de tilfellene de gjelder.
Med tanke på at en nestet visning kan være nyttig i realiseringen av applikasjoner på en enkelt side som er det som forfølges når du bruker Backbone.js som Javascript -rammeverk.
Kombinerer visninger med jQuery
Som vi vet består sidene av nestede elementer, derfor synspunkter på Backbone.js korresponderer med elementer på siden, så hekkende en visning er ikke annet enn å hekke ett element i et annet, som i dette tilfellet viser seg å være av visningstypen.
En av de enkleste måtene å oppnå dette på er å bruke jQuery takket være metodene for å legge til HTML til eksisterende elementer med .append () metode. La oss se på det følgende bildet et eksempel på det vi snakker om:

Her ser vi hvordan vi lager to elementer av typen Undervisning som er måten å lage de nestede visningene på, deretter med .append () metode Vi legger dem til den tilhørende beholderen, det er en ganske enkel tilnærming som kan fungere for oss i tilfeller der visningene ikke trenger noe ekstra, bare et sted å vise.
Bruke SetElement ()
Dette er en annen måte å løse problemet med å lage et nestet syn på, problemet er at det er litt mer komplekst enn den forrige versjonen vi så med jQueryDerfor bør vi ikke bekymre oss hvis vi kan løse på den første måten, men vi ser nedenfor hvordan vi kan bruke denne løsningen:

Her ser vi hvordan vi først initialiserer vår nestede visningerpå tidspunktet for gjengivelsen av hovedvisningen har vi plassert delvisningene som er opprettet og med setElement -metode vi har dem lagt til den tilhørende beholderen.
UlempeDen største ulempen med dette er at vi ikke kan angi navnet på taggen, med dette må vi delegere hendelsene på nytt og legge til et ekstra lag av kompleksitet i applikasjonen vår.
Andre alternativer
En annen måte å gjøre dette på er for eksempel å bruke en utvidelse Marionette eller Brystkasse, disse utvidelsene har allerede det logiske laget som er nødvendig for å håndtere dette hekkende visninger funksjonalitet, med dette trenger vi bare å ta vare på å skrive logikken til applikasjonen vår.
Som vi ser Backbone.js Det er bredt og fleksibelt nok til at det samme problemet kan ha forskjellige løsninger, det er opp til oss å velge hvilken løsning som skal brukes og hvordan den skal løses, slik at applikasjonen vår er det vi har visualisert og at brukerne våre vinner.
Som vi ser opprette en nestet visning i Backbone.js Selv om det er en enkel oppgave, kan den være veldig kompleks, men vi kan møte den med forskjellige løsninger som vi har vist, det er veldig viktig å ikke være redd for hvor vanskelig eller ikke det kan være å bruke en løsning, vi har bare å ha et åpent sinn og undersøke i dokumentasjonen hva som passer best for våre behovLikte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng