Backbone.View 서브 클래 싱

Question

사용자 정의 Backbone.View 클래스로 추상화하고 싶은 공통 코드가있는 뷰가 몇 개 있습니다. 이 작업을 수행하는 모범 사례가 있습니까?

이 같은 작업을 수행하기에 좋은 패턴입니까? :

// Base Grid view 
var GridView = Backbone.View.extend({ 
    initialize : function(){ 
       //common view init code .. 

       //do the plug in overrides 
       if (options.addHandler) 
        this.addHandler = options.addHandler; 
       if (options.events) 
        //?? extend default events or override? 
        this.events = $.extend(this.events, options.events); 
       }, 
    addHandler : function() { 
       //defaulthandler this code can be overridden 
       }); 
}); 


// in another object create some views from the GridView base 
.... 
var overrides = { events:"xxx yyy", el: ulElement addHandler: myAddFunction } 
var UserList = GridView.extend(overrides) 
var userList = new UserList(users, options); 
.... 

var coursesOverrides : {addHandler: ...} 
var coursesOptions: {el: courseElement, ...} 
var CourseList = GridView.extend(coursesOverrides) 
var courseList= new CourseList (courses, coursesOptions) 

// along the same lines maybe there's an abstraction for toolbar views 
var ClassToolbarView = ToolbarBase.extend(toolOverrides) 
var classtoolbar = new ClassToolbarView(actions, toolbaropts) 

일반적인보기 코드를 리팩토링하기 위해보기를 확장하는 좋은 예를 보여주는 포인터입니다.

Answer 1

먼저, initializer()에 전달되는 옵션이 표시되지 않으므로 버그입니다.

var GridView = Backbone.View.extend({ ... }) 
var GridViewWithNewFunctionsAndEvents = GridView.extend({ ... }) 

그리고 당신은 백본 주식을 연장처럼 교체하거나의 GridView의 기능을 확장하고, new GridViewWithNewFunctionsAndEvents()를 호출하고 당신이 필요로하는 새로운 객체에 추가 기능을 얻을 수 있습니다 :

둘째, .extend() 방법은 상속 수업보기. 당신이 초기화를 확장해야하는 경우

, 당신은 슈퍼 클래스의 초기화를 호출하는이 작업을 수행 할 수 있습니다

이

var GridViewWithNewFunctionsAndEvents = GridView.extend({ 
    initializer: function(options) { 
     GridView.prototype.initializer.call(this, options); 
     /* Your stuff goes here */ 
    } 
    });