backbone.js - 子类化 Backbone.View

Question

我有几个具有公共(public)代码的 View ，我想将其抽象为自定义 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)

任何指向扩展 View 以重构通用 View 代码的良好示例的指针都值得赞赏。

Answer 1

首先，我没有看到您的 initializer() 中传递的选项。 ，所以这是一个错误。

其次，.extend()方法被继承:

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

您可以替换或扩展 GridView 的功能，并调用 new GridViewWithNewFunctionsAndEvents()并在您需要的新对象中获得额外的功能，就像您扩展 Backbone stock View 类一样。

如果你需要扩展初始化器，你可以这样做来调用父类(super class)的初始化器:

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