Backbone Mode
- 데이터를 표현
- 데이터의 변경을 감시
- 데이터를 데이터 저장소와 동기화 하는 역할
Backbone.Model 객체는 일반적인 자바스크립트 객체가 아닙니다.
Backbone.Model 객체를 일반 자바스크립트 객체로 변환하려면 toJSON() 메소드를 사용합니다.
이벤트
change - Backbone.Model 객체의 속성이 변경될 때 발생합니다.
change:[속성 이름] - Backbone.Model 객체의 특정 속성이 변경될 때 발생합니다.
destroy - Backbone.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 |