Когда мы работаем с Backbone.js, у нас есть много способов сделать то же самое, это зависит от того, что мы ищем, и нашего уровня как разработчиков, чтобы иметь возможность делать то или иное в тех случаях, когда они применяются.
Принимая во внимание, что вложенное представление может быть полезно при реализации одностраничных приложений, которые используются при использовании Backbone.js в качестве инфраструктуры Javascript.
Объединение просмотров с JQuery
Как мы знаем, страницы состоят из вложенных элементов, поэтому представления Backbone.js соответствуют элементам на этой странице, поэтому вложение представления - это не что иное, как вложение элемента в другой, который в этом случае оказывается типа просмотра.
Один из самых простых способов добиться этого - использовать jQuery благодаря его методам добавления HTML к существующим элементам с помощью метода .append (). Давайте посмотрим на следующем изображении пример того, о чем мы говорим:
Здесь мы видим, как мы создаем два элемента типа Subview, который является способом создания вложенных представлений, затем с помощью метода .append () мы добавляем их в соответствующий контейнер, это достаточно простой подход, который может работать в случаях, когда представления не Им не нужно ничего лишнего, просто место, чтобы появиться.
Использование SetElement ()
Это еще один способ решения проблемы создания вложенного представления, проблема в том, что он немного сложнее, чем в предыдущей версии, которую мы видели в jQuery, поэтому, если мы можем решить первым способом, нам не следует беспокоиться, как бы мы ни видели Тогда как мы можем применить это решение:
Здесь мы видим, как мы сначала инициализируем наши вложенные представления, затем во время рендеринга основного представления мы поместили созданные вложенные представления и с помощью метода setElement добавили их в соответствующий контейнер.
неудобство
Основным недостатком этого является то, что мы не можем установить имя метки, поэтому мы должны снова делегировать события, добавляя дополнительный уровень сложности нашему приложению.
Другие альтернативы
Другой способ сделать это - использовать расширение, например, Marionette или Thorax, у этих расширений уже есть логический уровень, необходимый для обработки этой функциональности вложенных представлений, при этом нам остается только написать логику нашего приложения.
Поскольку мы видим, что Backbone.js является широким и достаточно гибким для того, чтобы одна и та же проблема могла иметь разные решения, мы уже сами выбираем, какое решение применять и как решать, чтобы наше приложение было тем, что мы визуализировали, и чтобы наши пользователи покинули его. победителей.
Как мы видим, создание вложенного представления в Backbone.js, хотя это простая задача, но может быть очень сложной, но мы можем столкнуться с различными решениями, как мы показали, очень важно не бояться того, насколько сложно или нет применить Решение, мы должны только непредвзято и изучить в документации, что лучше всего соответствует нашим потребностям
- 0
СТАТЬИ