JavaScript – 将事件委派给Backbone中的父视图

我的观点,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上设置类似的用户.

原文地址：https://www.jb51.cc/js/150823.html