合并mixins和Views backbone.js的事件定义

时间:2013-05-02 13:24:11

标签: javascript backbone.js

我为骨干创建了一个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特别不满意。有什么方法可以将事件保存为“事件”吗? 或者是否有处理此类问题的标准模式?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我一直在我的应用中这样做:

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);