我的观点,TuneBook,有几个儿童视图类型为ClosedTune.我也为每个乐曲OpenTune单独的完整页面浏览.相同的事件绑定在ClosedTune和OpenTune中,所以我设计了我的应用程序,以便它们都从一个共享的“抽象”视图Tune继承.
为了使我的应用程序更可扩展,我希望将每个ClosedTune的事件委托给TuneBook,但为了可维护性,我希望TuneBook使用相同的处理程序(存储在Tune中的那些)(尽管他们显然需要包裹在一些功能).
我的问题是,在TuneBook中,找到正确的ClosedTune来调用处理程序.什么是建立这个的好方法,还是将事件委托给父视图的其他好的解决方案？
注意 – 不是Backbone View: Inherit and extend events from parent的重复(这是关于从父类继承的子进程,而我在询问是DOM中的父节点的子节点)
解决方法
在您的父视图(也从Backbone.Events扩展)中,我将绑定onEvent到DOM事件.在触发时,它会触发一个骨干事件,包括您的孩子察觉的一些“id”属性(可能是一些行ID？).
var TuneBook = Backbone.View.extend(_.extend({},Backbone.Events,{
events: {
"click .tune .button": "clickHandler"
},clickHandler: function (ev) {
this.trigger('buttonClick:' + ev.some_id_attr,ev);
},}));
然后,子视图将自然地订阅与之关联的父视图事件.下面我在初始化过程中传递父视图以及您之前在选项中使用的特殊id属性.
var ClosedTune = Backbone.View.extend({
initialize: function (options) {
options.parent.on('buttonClick:' + options.id,this.handler,this);
},handler: function (ev) {
...
},});
您也可以在Tune或OpenTune上设置类似的用户.