Backbone.js - Render () -metod

Fördelen med att arbeta med en MVC -ram är att vi kan separera de olika områdena i applikationen i lager, vi vet redan att modellen och styrenheten är de lager som är ansvariga för att ge den interna funktionaliteten och logiska implementeringen till vår applikation, men det är i del av vyn där den största effekten skapas eftersom det är vad användaren kommer att se.
För att hantera vyn har vi flera alternativ, vi vet att vi måste ha en mallmotor, det intressanta är att vi kan använda ett av de många alternativen och för att tillåta oss detta har vi render () metod som är den som kommer att ringa mallen och visa data.
Render () metod
Om vi ​​behöver definiera logiken för hur man visar en mall kan vi använda valfri render () -metod.
ViktigI denna handledning kommer vi att använda Understreck som mallmotor och dessutom kommer vi att ta följande HTML som bas:

Här ser vi hur vi gör ett block som vi definierar att dess typ kommer att vara text / mall och vi lägger till en id-mall, detta hjälper oss när vi skickar informationen till mallmotorn.
Fungerar
Det finns en metod i Understreck kallad ._mall som sammanställer mallkoden till Javascript och omvandlar den till funktioner som vi sedan kan utvärdera och visa.
Till exempel till metoden vi skickar de etiketter som den kommer att använda med ett id i fallet med den tidigare koden är id-mallen, med detta, ._template -metod du vet redan var du ska lämna tillbaka data.
Sedan han render () metod använder mallen genom att skicka data till den med hjälp av metoden tillJSON () som på något sätt översätter attributen för modellen som vi har associerat med vyn. Sedan returnerar mallen den konkreta HTML -koden och vi lägger till den i DOM -träd av dokumentet med egendom $.

Det här kan låta som mycket arbete, men allt görs verkligen av ramverket tillsammans med mallmotorn, så vårt ingripande är mycket enklare än om vi var tvungna att göra allt detta utan din hjälp.


Användningsexempel
Det finns en konvention där vi måste lämna tillbaka detta i slutet av metoden framställa (), Detta hjälper oss att göra vyer återanvändbara i andra vyer och även skapa listor med element som kommer att dras när alla element är närvarande och inte en efter en, vilket sparar oss lite resurser.
Låt oss se nedan en bild av ett exempel på hur man bygger en listvy:

Vi ser det inom metoden framställa () vi använder detta för att lägga till fastigheten $ den, innehållet i modellen och sedan kan vi returnera allt detta med lämna tillbaka detta.
Ganska enkelt att implementera, men mycket användbart eftersom detta gör att vi kan använda den här listan även som en delvy i andra föräldervyer.
Vi avslutar handledningen och känner till metoden framställa () och dess stora betydelse när man definierar synpunkter som kan återanvändas.Gillade 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
wave wave wave wave wave