Как правильно взаимодействовать с моделями и коллекциями в Backbone?

Question

[likejavascript]

Есть задача реализовать на Backbone таблицы заказа товаров. Вроде бы задача не сложная, но проблема наступает тогда, когда необходимо с ними взаимодействовать. Вот примерная структура того, планируется сделать:

Document
     |- OrderList   
            |- Order
            |      |- OrderTablesList
            |              |- OrderTable
            |- Order
                  |- OrderTablesList
                          |- OrderTable

Краткое описание, что есть что:

Document (Model) - данные документа
OrderList (Collection) - список заказов
Order (Model) - данные заказа
OrderTablesList (Collection) - список таблиц заказов
OrderTable (Model) - модель таблицы заказа.

Вот вопросы, которые меня интересуют:

1. Как правильно структурировать все эти сущности в Backbone моделях и коллекциях, и допускается ли хранение в представлении одновременно и модели и коллекции (например для реализации Order и OrderTablesList).

2. Как правильно отправлять события по цепочке вверх (что-то типа всплытия), например если мне из TableTable необходимо передать какое-то событие в Order и как-то на него среагировать, но только именно в родительский Order.

Спасибо!

Comments

[aen]

О какого рода событиях вы говорите? Приведите пример.
В комментариях уже был дан пример работы с событиями. От себя могу добавить, что если вам нужна именно цепочка, где на каждом звене вам нужно что-то выполнять, то события лучше пускать через атрибуты моделей. То есть просто триггерить их. Коллекция умеет слушать события своих моделей.

[likejavascript]

Приведите тогда пожалуйста пример, как пустить событие от OrderTable к Order?

Answer 1

[Константин Китманов]

1. В вьюхе можно передать много коллекций и моделей, но по факту удобней работать, когда вьюха отвечает за отображение одной бизнес-сущности. Чтобы это решить, используются вложенные вьюхи.
2. При инстанцировании TableTable надо передавать в него ссылку на родителя.

Чтобы такую ветвистую структуру (кстати, нужна ли она на самом деле?) как-то укротить, можно поискать какой-нибудь плагин для вложенных моделей и коллекций, например такой.

Answer 2

[Артем]

Для таких целей можно сделать менеджер событий и через него организовать взаимодействие между вьюхами.

Собственно, сам менеджер:
var vent = _.extend({}, Backbone.Events);

Так можно вызвать событие:
vent.trigger("eventName", this.model);

Так можно подписаться:
vent.bind("eventName", this.doSomething);

Подробный пример можно здесь посмотреть
lostechies.com/derickbailey/2011/07/19/references-...

Comments

[aen]

Если приводите ссылку на Дерика Бейли, то сразу предлагайте его Backbone.Wreqr.

[likejavascript]

Во-первых, Backbone уже унаследован от Backbone.Events
Во-вторых как я узнаю, что событие пришло именно от моего потомка, а не от других?

[Артем]

@aen я говорю про сам принцип решения задачи

[Артем]

@likejavascript я знаю что унаследован, при чем здесь это?
Если нужно знать от кого пришло, то можно передавать его через параметр.

[likejavascript]

Тогда Вам такой же вопрос: "Приведите тогда пожалуйста пример, как пустить событие от OrderTable к Order?"

Answer 3

[Артем]

@likejavascript У вас OrderTable и Order это модели, верно? Можно пример кода что вы хотите связать?

Comments

[likejavascript]

Тогда Вам такой же вопрос: "Приведите тогда пожалуйста пример, как пустить событие от OrderTable к Order для того чтобы пересчитать пересчитать Order?"

Answer 4

[Николай Марков]

Рекомендую Marionettejs. Библиотека содержит в себе много best practices мира backbone и является его логичным продолжением. Удобно огранизована работа с вложенными вьюшками, есть готовые решения для рендеринга коллекций и иерархий (как раз то что вам нужно).