Backbone.js - Render () метод

Предимството на работата с a MVC рамка е, че можем да разделим различните области на приложението на слоеве, вече знаем, че моделът и контролерът са слоевете, които са отговорни за предоставянето на вътрешната функционалност и логическото изпълнение на нашето приложение, но това е в частта от изгледа където се създава най -голямо въздействие, тъй като това е, което потребителят ще види.
За да управляваме изгледа, имаме няколко опции, знаем, че трябва да имаме шаблонна машина, интересното е, че можем да използваме една от многото опции и да си позволим това, имаме метод render () който е този, който ще извика шаблона и ще покаже данните.
Render () метод
Ако трябва да дефинираме логиката как да покажем шаблон, можем да използваме незадължителен метод render ().
ВажноВ този урок ще използваме Долна черта като шаблонна машина и допълнително ще вземем следния HTML като основа:

Тук виждаме как правим блок към което определяме, че неговият тип ще бъде текст / шаблон и добавяме id-шаблон, това ще ни помогне, когато изпращаме информацията към шаблона.
Функциониращ
Има метод в Долна черта Наречен ._шаблон който компилира кода на шаблона в Javascript и го трансформира във функции, които след това можем да оценим и покажем.
Например към метода, който предаваме етикетите, които той ще използва с помощта на id в случай на предишния код е id-шаблона, с това, ._template метод вече знаете къде да върнете данните.
Тогава той метод render () използва шаблона, като му предава данни по метода toJSON () което по някакъв начин превежда атрибутите на модела, които сме свързали с изгледа. Тогава шаблонът връща конкретния HTML и го добавяме към DOM дърво на документа, използвайки собственост $ the.

Това може да звучи като много работа, но всичко наистина се извършва от рамката заедно с шаблона, така че нашата намеса е много по -проста, отколкото ако трябваше да направим всичко това без вашата помощ.

Примери за употреба
Има конвенция, в която трябва върни това в края на метода render (), Това ни помага да направим изгледите за многократна употреба в други изгледи, а също и да създадем списъци с елементи, които ще бъдат изтеглени, след като всички елементи присъстват, а не един по един, като по този начин ни спестяват малко ресурси.
Нека видим по -долу изображение на пример за това как да се изгради списъчен изглед:

Виждаме това в метода render () използваме това, за да добавим към имота $,, съдържанието на модела и след това можем да върнем всичко това с върни това.
Доста лесен за изпълнение, но много полезен, тъй като това ще ни позволи да използваме този списък дори като подпреглед в други родителски изгледи.
Завършваме урока, знаейки метода render () и неговото голямо значение при определяне на изгледи, които могат да се използват многократно.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка