Коллекции (Collection). JavaScript-библиотека Backbone.js

Коллекции — это упорядоченные наборы моделей.

Вы можете навесить слушателей: на событие «change», чтобы получать оповещения, когда любая модель в коллекции изменяется; на события «add» и «remove»; на получение (fetch) коллекции с сервера — и использовать полный набор методов Underscore. js.

Любое событие, которое сработает на модели в коллекции также сработает и напрямую — для удобства — на коллекции.

Это позволяет напрямую слушать события изменения отдельных атрибутов любой модели в коллекции.

Что бы создать коллекцию, сначала необходимо создать модель.

App. Models. PesonModel = Backbone. Model. extend ({

defaults: {

name: 'Vlad',

age: 20, job: 'Web-developer'

}

});

После чего, мы уже можем создать коллекцию, используя экземпляр нашей созданной модели.

App. Collentions. Friends = Backbone. Collection. extend ({

model: App. Models. FriendModel

});

Так же, при желании мы можем наполнить нашу коллекцию.

var friendsCollections = new App. Collentions. Friends ([

{

name: 'Andrei',

age: 22, job: 'Web-developer'

},

{

name: 'Denis',

age: 25, job: 'Web-developer'

},

{

name: 'Ivan',

age: 25, job: 'Web-developer'

}

]);

Роутер (Router)

Веб-приложения часто предоставляют возможность зафиксировать своё состояние, сделав закладку. Это делается с помощью добавления к URL фрагмента определённого вида. До недавнего времени для этих целей использовались исключительно хэши (#page), но с появлением History API стало возможно использовать URL обычного вида (/page). Backbone. Router предоставляет методы для маршрутизации на стороне клиента, а также связывания этих действий с событиями. Для браузеров, которые не поддерживают History API, Router весьма элегантно проделает то же самое, используя фрагментарную структуру URL.

Во время загрузки страницы, после того, как ваше приложение создаст все необходимые ему роутеры, не забудьте вызвать Backbone. history. start () или Backbone. history. start ({pushState: true}), чтобы задать начальное состояние приложения.

Создавая свой класс-маршрутизатор, нужно расширить Backbone. Router.

App. Router = Backbone. Router. extend ({

routes: {

'': 'index',

'profile': 'profile',

'friends': 'friends',

'settings': 'settings'

},

index: function () {

console. log ('Стартовая');

},

profile: function () {

},

friends: function () {

},

settings: function () {

}

});

После чего запускаем наш роутер.

new App. Router;

Backbone. history. start ();