backbone.js查看继承.父母的这个决议

Question

我有一个使用视图继承的案例,我的代码看起来基本上像:

parentView = Backbone.View.extend({
    events: {
        "some event": "business"
    },
    initialize: function(){
        _.bindAll(this);
    },
    business: function(e){
        ...
        this.someFunc && this.someFunc();
        ...
     }
});

childView = parentView.extend({
    events: {
        ...
    },
    constructor: function(){
       this.events = _.extend( {}, parentView.prototype.events, this.events );
       parentView.prototype.initialize.apply( this );
    },
    initialize: function(){
       _.bindAll(this);
    },
    someFunc: function(){
       ...
    }
});

更新:将this.events扩展移动到构造函数.

我的子视图包含someFunc在其中,并且在父视图中的某些业务功能期间,它应该调用该函数(如果存在).如果this正确设置为childView,那么this.someFunc应该存在.然而,这不是我遇到的行为.

在initialize函数期间(在父级中),this确实设置为子视图.但是,当some event触发时,business使用thisset to 调用该函数parentView.

Answer 1

您是否尝试过扩展this.events构造函数而不是初始化函数？如果你在初始化时这样做,那就太晚了; 该business函数的事件委托已经在构造函数中设置,并将指向parentView(参见this.delegateEvents();Backbone.View的构造函数中的调用).

更新了一个工作示例:

ParentView = Backbone.View.extend({
    name: 'ParentView',
    events: {
        "event": "business"
    },
    business: function(e){
        this.someFunc && this.someFunc();
    }
});

ChildView = ParentView.extend({
    name: 'ChildView',
    events: {
    },
    constructor: function(){
       this.events = _.extend( {}, ParentView.prototype.events, this.events );
       console.debug( this.events );
       ParentView.prototype.constructor.apply( this, arguments );
    },
    someFunc: function(){
        console.debug('someFunc; this.name=%s', this.name);
    }
});

child = new ChildView();
$( child.el ).trigger('event');
// logs 'this' in 'someFunc'; the name is 'ChildView'.