Backbone.Collection

Backbone.Collection

Backbone.Model 객체를 모아놓은 배열을 Backbone.Collection 객체라고 합니다.

(Backbone.Model의 역할과 동일)

- 데이터를 표현하는 역할

- 데이터의 변경을 감시하는 역할

- 데이터를 데이터 저장소와 동기화하는 역할 

생성

var collection = new Backbone.Collection();

collection.add({name: 'AAA'});

collection.add({name: 'BBB'});

자바스크립트 객체를 add() 메소드의 매개변수로 넣었지만 Backbone.Model 객체로 변경

Backbone.Collection 객체는 Underscore.js 라이브러리의 배열 관련 매소드(collection, arrays)를 활용

이벤트

add - 객체를 추가할 때 발생

remove - 객체를 제거할 때 발생

reset - 초기화할 때 발생

collection.bind('add', function(item){ });

collection.bind('remove', function(item){ });

collection.bid('reset', function(){ });

변환

Backbone.Collection 객체도 일반적인 자바스크립트 배열이 아닙니다.

따라서 toJSON() 매서드를 사용하여 일반적인 배열로 변환합니다. (Backbone.Model과 동일)

console.log(collection.toJSON());

상속

Backbone.Collection 생성자 함수도 상속해서 사용할 수 있습니다.

var Person = Backbone.Model.extend({ });        // Model 상속

var People = Backbone.Collection.extend({ });  // Collection 상속