Backbone.Model 객체

Posted by 단순대왕 Backbone.js : 2014. 9. 1. 17:35

Backbone Mode 

-  데이터를 표현

- 데이터의 변경을 감시

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

Backbone.Model 객체는 일반적인 자바스크립트 객체가 아닙니다.

Backbone.Model 객체를 일반 자바스크립트 객체로 변환하려면 toJSON() 메소드를 사용합니다.


이벤트

change - Backbone.Model 객체의 속성이 변경될 때 발생합니다.

change:[속성 이름]Backbone.Model 객체의 특정 속성이 변경될 때 발생합니다.

destroyBackbone.Model 객체가 삭제될 때 발생합니다.

예)

<script>

// Backbone.Model 객체를 생성

var person = new Backbone.Model({

name: '김태희',

region: '서울'

});

console.log(person.toJSON()); // 자바스크립트 객체로 변환

person.bind('change:region', function(model, attr){

//person.bind('change', function(){}); - 모든 속성의 변경 감지

alert(attr + ' [속성 변경]');

});

// 속성을 추출

person.get('name');

// 속성을 입력

person.set('region', '서울 특별시 강남구');

</script>


상속

자체적으로 지원하는 모든 생성자 함수의 상속을 지원한다.

상속을 사용하면 초기값을 설정하거나 객체 생성할 때 특정한 코드를 실행할 수 있다.

defaults - 객체가 기본적으로 가지는 속성을 정의

initialize() - 객체를 생성하는 시점에 생성되는 매소드

예)

var Person = Backbone.Model.extend({

defaults: {

name: '',

region: ''

},

initialize: function(){

this.bind('change:name', this.changName);

this.bind('change:region', this.changeRegion);

},

changeName: function(){ },

changeRegion: function(){ }

});


'Backbone.js' 카테고리의 다른 글

Backbone.Router - 라우트/ 상속  (0) 2014.09.03
Backbone.View - 선택/ 제거  (0) 2014.09.03
Backbone.View - 템플릿/ 이벤트  (0) 2014.09.02
Backbone.View - 상속  (0) 2014.09.02
Backbone.Collection  (0) 2014.09.02