我有一个使用视图继承的案例,我的代码基本上看起来像:
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
函数被调用,this
被设置为parentView
。
3条答案
按热度按时间mlnl4t2r1#
您是否尝试过在构造函数中而不是在initialize函数中扩展
this.events
?如果您在initialize函数中这样做,就太晚了;business
函数的事件委托已经在构造函数中设置好了,它将指向parentView
(请参见Backbone.View的构造函数中对this.delegateEvents();
的调用)。更新了一个工作示例:
iqjalb3h2#
实际上,我不知道这是否能解决你的问题,但我通常这样做:
this.constructor.__super__.initialize.apply(this, arguments);
,而且效果很好。我的解决方案完全错误。原因如下:在
Model2::method
中对this.constructor.__super__
的调用将解析为(鼓声)Model2::method
。始终使用
ExplicitClassName.__super__.methodName.call(this, arg1, arg2 /*...*/)
或咖啡脚本的super
。deyfvvtc3#
您可以通过将下面一行添加到child的initialize方法中来解决此问题:
希望有人能给你一个比我更好的描述,但我会给予它一个机会:
发生的情况是,除非另有说明,否则该方法将使用定义它的作用域的上下文。当您调用
parentView.prototype.initialize.apply(this)
时,initialize
被告知使用子对象的上下文,因为您将在childView中传递对apply方法的this
引用。您可以使用如上所述的underscore.js
bind
方法将业务方法绑定到子级的上下文。