Backbone.js - Geneste weergaven

Wanneer we werken met Backbone.js We hebben veel manieren om hetzelfde te doen, het hangt af van wat we zoeken en ons niveau als ontwikkelaars om het een of ander te kunnen doen in de gevallen waarin ze van toepassing zijn.
Rekening houdend met het feit dat een geneste weergave nuttig kan zijn bij het realiseren van toepassingen van een enkele pagina die worden nagestreefd bij het gebruik Backbone.js als Javascript-framework.
Weergaven combineren met jQuery
Zoals we weten, bestaan ​​de pagina's uit geneste elementen, dus de weergaven van Backbone.js corresponderen met elementen binnen die pagina, dus het nesten van een weergave is niets meer dan het nesten van het ene element in het andere, wat in dit geval van het weergavetype blijkt te zijn.
Een van de gemakkelijkste manieren om dit te bereiken is door gebruik te maken van jQuery dankzij de methoden om toe te voegen HTML naar bestaande elementen met de .append () methode. Laten we in de volgende afbeelding een voorbeeld zien van waar we het over hebben:

Hier zien we hoe we twee elementen van het type maken Subweergave wat de manier is om de geneste weergaven te maken, dan met de .toevoegen () methode We voegen ze toe aan de bijbehorende container, het is een vrij eenvoudige benadering die voor ons kan werken in gevallen waarin de weergaven niets extra's nodig hebben, gewoon een plaats om weer te geven.
SetElement () gebruiken
Dit is een andere manier om het probleem van het maken van een geneste weergave op te lossen, het probleem is dat het een beetje ingewikkelder is dan de vorige versie die we zagen met jQuery, dus als we het op de eerste manier kunnen oplossen, hoeven we ons geen zorgen te maken, maar we zien hieronder hoe we deze oplossing kunnen toepassen:

Hier zien we hoe we eerst onze . initialiseren geneste weergaven, dan hebben we op het moment van het weergeven van de hoofdweergave de gemaakte subweergaven geplaatst en met de setElement methode we hebben ze toegevoegd aan de bijbehorende container.
NadeelHet grootste nadeel hiervan is dat we de naam van de tag niet kunnen instellen, hierdoor moeten we de gebeurtenissen opnieuw delegeren, wat een extra laag complexiteit aan onze applicatie toevoegt.
Andere alternatieven
Een andere manier om dit te doen is door bijvoorbeeld een extensie te gebruiken Marionet of Thorax, deze extensies hebben al de logische laag die nodig is om dit aan te pakken functionaliteit voor nesten van weergaven, hiermee hoeven we alleen maar te zorgen voor het schrijven van de logica van onze applicatie.
Zoals we zien Backbone.js Het is breed en flexibel genoeg om voor hetzelfde probleem verschillende oplossingen te hebben, het is aan ons om te kiezen welke oplossing we toepassen en hoe we deze oplossen, zodat onze applicatie is wat we hebben gevisualiseerd en dat onze gebruikers winnen.
Zoals we zien bij het maken van een geneste weergave in Backbone.js Hoewel het een eenvoudige taak is, kan het zeer complex zijn, maar we kunnen het met verschillende oplossingen het hoofd bieden, zoals we hebben laten zien, het is erg belangrijk om niet bang te zijn over hoe moeilijk of niet het kan zijn om een ​​oplossing toe te passen, we hebben gewoon om een ​​open geest te hebben en in de documentatie te onderzoeken wat het beste bij onze behoeften pastVond 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