Backbone.View - 선택/ 제거

선택

el - Backbone.View 객체의 문서 객체 모델을 나타냅니다.

예)

var ArticleView = Backbone.View.extend({

el: '#content',

template: _.template($('#template').html()),

events:{

'click h1': function(){

this.$('h1').append('+');

}

},

render: function(){

this.$el.html(this.template(this.model.toJSON()));

// this.model 값이 없지만 오류 없음 -> (1) model 을 사용

// model 이 아닌 다른 이름(mmm)의 attribute를 사용하면 찾지 못함 - this.mmm => undefined

// 아래 mmm 이름의 attribute를 사용하면 오류 없음 this.mmm

}

, mmm: new Backbone.Model({title: 'Backbone.js'})

});

var view = new ArticleView({

(1) model : new Backbone.Model({title: 'Backbone.js'})

});

view.render(();

이미 존재하는 객체를 선택해서 사용할 때는 tagName, className, attributes 속성을 사용할 수 없음

제거

Backbone.View 객체가 만든 문서 객체를 지워도 자신이 사라진지 모릅니다.

뷰를 완전히 제거할 때는 remove() 메서드를 사용합니다.

예)

view.remove();