Backbone.js - Вложени изгледи

Когато работим с Backbone.js Имаме много начини да правим едно и също нещо, това зависи от това, което търсим и от нивото ни на разработчици, за да можем да направим едно или друго нещо в случаите, когато се прилагат.
Като се има предвид, че вложеният изглед може да бъде полезен при реализирането на приложения на една страница, които се преследват при използване Backbone.js като рамка на Javascript.
Комбиниране на изгледи с jQuery
Както знаем, страниците са съставени от вложени елементи, следователно изгледите на Backbone.js отговарят на елементи в рамките на споменатата страница, така че вмъкването на изглед не е нищо повече от влагане на един елемент в друг, който в този случай се оказва от тип изглед.
Един от най -лесните начини да постигнете това е чрез използване jQuery благодарение на методите си за добавяне HTML към съществуващи елементи с .append () метод. Нека видим на следващото изображение пример за това, за което говорим:

Тук виждаме как създаваме два елемента от типа Подпреглед който е начинът за създаване на вложените изгледи, след това с .append () метод Добавяме ги в съответния контейнер, това е доста прост подход, който може да работи за нас в случаите, когато изгледите не се нуждаят от нищо допълнително, просто място за показване.
Използване на SetElement ()
Това е друг начин за решаване на проблема със създаването на вложен изглед, проблемът е, че той е малко по -сложен от предишната версия, която видяхме с jQuery, следователно, ако можем да разрешим по първия начин, не бива да се притесняваме, но по -долу виждаме как можем да приложим това решение:

Тук виждаме как първо инициализираме нашия вложени изгледи, тогава в момента на изобразяване на основния изглед сме поставили създадените подвидове и с метод setElement имаме ги добавени в съответния контейнер.
НедостатъкОсновният недостатък на това е, че не можем да зададем името на маркера, като с това трябва да делегираме повторно събитията, добавяйки допълнителен слой сложност към нашето приложение.
Други алтернативи
Друг начин да направите това е като използвате разширение, например Марионетка или Гръден кош, тези разширения вече имат логическия слой, необходим за справяне с това функционалност на вложените изгледи, с това трябва само да се погрижим да напишем логиката на нашето приложение.
Както виждаме Backbone.js Той е достатъчно широк и гъвкав, за да позволи на един и същ проблем да има различни решения, от нас зависи да изберем кое решение да приложим и как да го разрешим, така че нашето приложение да е това, което сме визуализирали и нашите потребители да спечелят.
Както виждаме създаването на вложен изглед в Backbone.js Въпреки че е проста задача, тя може да бъде много сложна, но можем да се изправим пред нея с различни решения, както показахме, много е важно да не се страхувате колко трудно или не може да бъде прилагането на решение, просто имаме да имаме отворен ум и да проучим в документацията какво най -добре отговаря на нашите нуждиХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка