Backbone.js - Render () metodas

Privalumas dirbant su a MVC sistema kad mes galime atskirti skirtingas programos sritis į sluoksnius, mes jau žinome, kad modelis ir valdiklis yra sluoksniai, atsakingi už mūsų programos vidinio funkcionalumo ir loginio įgyvendinimo suteikimą, tačiau tai yra rodinio dalis kur sukuriamas didžiausias poveikis, nes tai matys vartotojas.
Norėdami valdyti vaizdą, turime keletą variantų, žinome, kad turime turėti šabloninį variklį. Įdomu tai, kad galime naudoti vieną iš daugelio variantų ir tai sau leisti. render () metodas kuris iškvies šabloną ir parodys duomenis.
Render () metodas
Jei mums reikia apibrėžti šablono rodymo logiką, galime naudoti pasirenkamas render () metodas.
SvarbuŠioje pamokoje mes naudosime Pabrėžti kaip šablono variklis, be to, kaip pagrindą imsime šį HTML:

Čia matome, kaip darome bloką kuriam mes apibrėžiame, kad jo tipas bus tekstas / šablonas ir pridedame id šabloną, tai mums padės, kai siunčiame informaciją į šablono variklį.
Veikiantis
Yra metodas Pabrėžti paskambino ._šablonas kuris surenka šablono kodą į „Javascript“ ir paverčia jį funkcijomis, kurias galime įvertinti ir rodyti.
Pavyzdžiui, metodui perduodame etiketes, kurias jis naudos naudodamas ID, jei ankstesnis kodas yra id-šablonas, o ._template metodas jūs jau žinote, kur grąžinti duomenis.
Tada jis render () metodas naudoja šabloną, perduodamas jam duomenis naudodami šį metodą toJSON () kuris tam tikru būdu verčia modelio atributus, kuriuos susiejome su vaizdu. Tada šablonas grąžina konkretų HTML ir pridedame jį prie DOM medis dokumento naudojant turtas $.

Tai gali atrodyti kaip daug darbo, tačiau viską iš tikrųjų atlieka sistema kartu su šablono varikliu, todėl mūsų įsikišimas yra daug paprastesnis nei tuo atveju, jei visa tai turėtume padaryti be jūsų pagalbos.

Naudojimo pavyzdžiai
Yra konvencija, kurioje privalome grąžink tai metodo pabaigoje pateikti (), Tai padeda mums pakartotinai naudoti vaizdus kituose vaizduose, taip pat sudaryti elementų sąrašus, kurie bus sudaryti, kai visi elementai bus pateikti, o ne po vieną, taip sutaupydami šiek tiek išteklių.
Žemiau pamatysime pavyzdį, kaip sukurti sąrašo rodinį:

Mes tai matome pagal metodą pateikti () mes naudojame tai, kad pridėtume nuosavybę $, modelio turinį ir tada visa tai galime grąžinti naudodami grąžink tai.
Gana paprasta įgyvendinti, bet labai naudinga, nes tai leis mums naudoti šį sąrašą net kaip antrinį rodinį kitose pirminėse peržiūrose.
Pamoką baigiame žinodami metodą pateikti () ir tai labai svarbu apibrėžiant požiūrį, kurį galima pakartotinai naudoti.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką