Backbone.js - Child Views, Thorax.js

Thorax.js stelt ons in staat om toe te voegen wat aan Backbone.js mist en is om dingen op een specifieke manier te doen, weten we dat Backbone.js Het is vrij flexibel, zozeer zelfs dat het niet een bepaalde manier heeft om dingen te bereiken, in feite kunnen we een aantal applicaties op zoveel manieren bouwen dat je duizend boeken over het onderwerp zou kunnen schrijven.
Maar dit is niet altijd goed, dus moeten we onze toevlucht nemen tot extensies die ons helpen deze vrijheid te reguleren, met Thorax.js we kunnen een meer concrete manier krijgen om dingen te doen, wat ons helpt de hoeveelheid code en werk te verminderen.
Een van de meest gebruikte aspecten is het insluiten van onderliggende weergaven, dit is om een ​​soort weergave binnen een andere te creëren, om een ​​groter dynamisch effect in onze applicaties te bereiken.
Dochters bekeken
Om dit soort weergaven te kunnen bouwen, kunnen we de helper weergave van Thorax waarmee we de juiste inhoud kunnen doorgeven aan de sjabloonengine Stuur, op deze manier kunnen we een bovenliggende weergave bouwen en binnen een kindweergave kunnen we bij het compileren in de sjabloon de waarde van het kind doorgeven zodat deze wordt weerspiegeld in onze oorspronkelijke bovenliggende weergave, laten we in de volgende afbeelding een code zien die we kan dit geval illustreren:

Zoals we in de bovenliggende weergave kunnen zien, hebben we een nieuwe weergave gebouwd die we . noemen VistaDochter om het verschil te zien, dan vertellen we bij het definiëren van de sjabloon Stuur die als inhoud een weergave en zijn naam zal ontvangen.
Nu kunnen we ook aanvullende gegevens doorgeven aan onze sjabloondeclaratie en toch een soortgelijk effect bereiken door een onderliggende weergave op te nemen, laten we in het volgende voorbeeld kijken waar we naar verwijzen:

We zien dan in het voorbeeld dat we eerst de child-view moeten bouwen, en op het moment dat we de parent-view maken, kunnen we de child en andere aanvullende waarden opnemen om het doel van onze applicatie probleemloos te kunnen bereiken.
werkingHoe dit werkt is een beetje ingewikkeld om uit te leggen, maar het gaat ongeveer als volgt: Stuur is op tekst gebaseerd, in plaats daarvan Backbone.js werkt rechtstreeks met hem ZON, omdat het een kruising of een mengsel van werkfilosofieën is om het uitzicht te doordringen, wordt er gewerkt met een tijdelijke aanduiding, hiermee kunt u de weergave en de container in de . identificeren HTML en dus in staat zijn om de inhoud van de onderliggende weergave te injecteren. Dus, zodra de bijbehorende HTML is weergegeven en gebouwd, wordt de DOM doorkruist op zoek naar de gegenereerde tijdelijke aanduidingen om de inhoud die eraan is toegewezen te wijzigen en toe te voegen.
Op deze manier zien we dat we op een eenvoudige manier onderliggende weergaven kunnen opnemen in andere bovenliggende weergaven door minder code te schrijven dan alles direct in Backbone.js, Het idee is precies dat, om te profiteren van de flexibiliteit en lichtheid om de nodige accessoires te kunnen opnemen zonder prestatieverlies.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