Subclassing 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()中傳遞的選項，所以這是一個錯誤。

其次，.extend()方法是繼承：

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

而且可以更換或擴展GridView控件的功能，並調用new GridViewWithNewFunctionsAndEvents()並在你需要一個新的對象獲得額外的功能，就像你延長骨幹股票查看課程。

如果您需要延長初始化，你可以做到這一點來調用父類的初始化：

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