javascript - 合并 mixins 和 Viewsbone.js 的事件定义

Question

我为骨干创建了一个 mixin，我想知道是否有比这更好的方法来合并事件哈希。

混音：

app.mixin.filter = {
events: {
    'click .label': 'toggle',
    'keyup .file-search': 'updateSearchFilter'
},
 //more stuff
}

看法：

app.DashboardView = Backbone.View.extend({

    el: '.contentwrap',

    dashEvents: {'click .project-btn': 'addProjectModal'},

    initialize: function() {

    //other stuff

    _.defaults(app.DashboardView.prototype.events, this.dashEvents);

    //other stuff

    }
}

 _.extend(app.DashboardView.prototype, app.mixin.filter);

我对调用事件哈希 dashEvents 尤其不满意。有什么方法可以将事件保留为“事件”？还是有处理此类问题的标准模式？

Answer 1

app.DashboardView = Backbone.View.extend({
  el: '.contentwrap',
  events : _.extend({}, app.mixin.filters.events, {
    'click .project-btn': 'addProjectModal'
  })
}

Answer 2

我一直在我的应用程序中这样做：

app.DashboardView = Backbone.View.extend(_.defaults({
    el: '.contentwrap',

    events: _.defaults({ 
        'click .project-btn': 'addProjectModal'
    }, app.mixin.filter.events)

}, app.mixin.filter));

在这里，我想出了稍微不同的方法：

app.mixin.filter = function () {
  _.defaults(this.events, {
    'click .label': 'toggle',
    'keyup .file-search': 'updateSearchFilter'
  });
  _.defaults(this, {
    // more stuff
  });
}

app.DashboardView = Backbone.View.extend({
    el: '.contentwrap',
    events: {'click .project-btn': 'addProjectModal'}
}

app.mixin.filter.call(app.DashboardView.prototype);