Backbone.js - Kapslade vyer

När vi jobbar med Backbone.js Vi har många sätt att göra samma sak, det beror på vad vi letar efter och vår nivå som utvecklare för att kunna göra en eller annan sak i de fall de gäller.
Med hänsyn till att en kapslad vy kan vara användbar vid förverkligandet av applikationer på en enda sida som är det som eftersträvas när man använder Backbone.js som Javascript -ramverk.
Kombinera vyer med jQuery
Som vi vet består sidorna av kapslade element, därför synpunkterna på Backbone.js motsvarar element inom nämnda sida, så att häckning av en vy är inget annat än att häcka ett element i ett annat, vilket i detta fall visar sig vara av vytypen.
Ett av de enklaste sätten att uppnå detta är genom att använda jQuery tack vare dess metoder att lägga till HTML till befintliga element med .append () metod. Låt oss se i följande bild ett exempel på vad vi pratar om:

Här ser vi hur vi skapar två element av typen Delvy vilket är sättet att skapa de kapslade vyerna, sedan med .append () metod Vi lägger till dem i motsvarande behållare, det är ett ganska enkelt tillvägagångssätt som kan fungera för oss i de fall där vyerna inte behöver något extra, helt enkelt en plats att visa.
Använda SetElement ()
Detta är ett annat sätt att lösa problemet med att skapa en kapslad vy, problemet är att det är lite mer komplext än den tidigare versionen vi såg med jQuerydärför bör vi inte oroa oss om vi kan lösa på det första sättet, men vi ser nedan hur vi kan tillämpa denna lösning:

Här ser vi hur vi först initierar vår kapslade vyer, då vi visade huvudvyerna har vi placerat delvyerna som skapats och med setElement -metod vi har lagt dem till motsvarande behållare.
NackdelDen största nackdelen med detta är att vi inte kan ange namnet på taggen, med detta måste vi omdelegera händelserna och lägga till ett ytterligare lager av komplexitet i vår applikation.
Andra alternativ
Ett annat sätt att göra detta är till exempel att använda ett tillägg Marionett eller Bröstkorg, dessa tillägg har redan det logiska skikt som är nödvändigt för att hantera detta funktioner för häckande vyer, med detta behöver vi bara ta hand om att skriva logiken i vår applikation.
Som vi ser Backbone.js Det är tillräckligt brett och flexibelt för att samma problem ska kunna ha olika lösningar, det är upp till oss att välja vilken lösning som ska tillämpas och hur vi ska lösa den, så att vår applikation är vad vi har visualiserat och att våra användare vinner.
Som vi ser skapa en kapslad vy i Backbone.js Även om det är en enkel uppgif.webpt kan det vara väldigt komplext, men vi kan möta det med olika lösningar som vi har visat, det är mycket viktigt att inte vara rädd för hur svårt eller inte det kan vara att tillämpa en lösning, vi har bara att ha ett öppet sinne och undersöka i dokumentationen vad som bäst passar våra behovGillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng