Backbone.js - Render () methode

Het voordeel van werken met een MVC-framework is dat we de verschillende gebieden van de applicatie in lagen kunnen scheiden, we weten al dat het model en de controller de lagen zijn die verantwoordelijk zijn voor het geven van de interne functionaliteit en logische implementatie aan onze applicatie, maar het is in het deel van de weergave waar de grootste impact wordt gecreëerd, want dat is wat de gebruiker te zien krijgt.
Om de weergave te beheren hebben we verschillende opties, we weten dat we een sjabloon-engine moeten hebben, het interessante is dat we een van de vele opties kunnen gebruiken en om onszelf dit toe te staan, hebben we de render () methode welke de sjabloon zal aanroepen en de gegevens zal weergeven.
Render () methode
Als we de logica moeten definiëren voor het weergeven van een sjabloon, kunnen we de gebruiken optionele render () methode.
BelangrijkIn deze tutorial gaan we gebruiken Laag streepje als een sjabloon-engine en daarnaast gaan we de volgende HTML als basis nemen:

Hier zien we hoe we een blok maken waarop we definiëren dat het type zal zijn tekst / sjabloon en we voegen toe een id-sjabloon, dit zal ons helpen wanneer we de informatie naar de sjabloonengine sturen.
werking
Er is een methode in Laag streepje genaamd ._sjabloon die de sjablooncode compileert in Javascript en deze omzet in functies die we vervolgens kunnen evalueren en weergeven.
Aan de methode geven we bijvoorbeeld de labels door die het zal gebruiken met behulp van een id in het geval van de vorige code is de id-sjabloon, hiermee is de ._sjabloon methode u weet al waar u de gegevens moet retourneren.
dan hij render () methode gebruikt de sjabloon door er gegevens aan door te geven met behulp van de methode naar JSON () die op de een of andere manier de attributen van het model vertaalt die we aan de weergave hebben gekoppeld. Vervolgens retourneert de sjabloon de concrete HTML en voegen we deze toe aan de DOM-boom van het document met de eigendom $ de.

Dit klinkt misschien als veel werk, maar alles wordt echt gedaan door het framework samen met de template engine, dus onze tussenkomst is veel eenvoudiger dan wanneer we dit allemaal zonder jouw hulp zouden moeten doen.

Gebruiksvoorbeelden
Er is een conventie waarin we moeten geef dit terug aan het einde van de methode veroorzaken (), Dit helpt ons om weergaven herbruikbaar te maken in andere weergaven en ook om lijsten met elementen te maken die worden getekend zodra alle elementen aanwezig zijn en niet één voor één, waardoor we een beetje middelen besparen.
Laten we hieronder een afbeelding bekijken van een voorbeeld van hoe u een lijstweergave kunt bouwen:

We zien dat binnen de methode veroorzaken () we gebruiken dit om toe te voegen aan de eigenschap $ de, de inhoud van het model en dan kunnen we dit allemaal teruggeven met de geef dit terug.
Vrij eenvoudig te implementeren, maar zeer nuttig omdat we deze lijst hierdoor zelfs als een subweergave binnen andere bovenliggende weergaven kunnen gebruiken.
We voltooien de tutorial en kennen de methode veroorzaken () en het grote belang ervan bij het definiëren van weergaven die herbruikbaar kunnen zijn.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