从Ember控制器上的事件处理程序调用`super`

时间:2013-08-29 19:00:19

标签: javascript ember.js

最近,路由/控制器/视图上的Ember.js was updated so that action event handlers are defined in an actions object。因此,事件处理程序不再是原型上的常规方法。

如果使用extend对(例如)控制器进行子类化,是否仍然可以覆盖然后调用超类的处理程序?

只是致电_super不起作用:

FormController = Em.ObjectController.extend({
    actions: {
        submit: function() { this.get('model').save(); }
    }
});

SpecialFormController = FormController.extend({
    actions: {
        submit: function() {
            this.set('special', true);
            this._super(); // doesn't work
        }
    }
});

1 个答案:

答案 0 :(得分:4)

Ember让你可以做你想做的事。这是一个JSFiddle,演示了它的工作原理:

http://jsfiddle.net/HzjUG/1/

App.BaseController = Em.ArrayController.extend({
  actions: {
    nameAlert: function(person){
      window.alert('alert from BaseController: ' + person.lastName + ', ' + person.firstName);
    }
  }
});

App.IndexController = App.BaseController.extend({
  actions: {
    nameAlert: function(person){
      this._super(person);
      window.alert('alert from IndexController: ' + person.lastName + ', ' + person.firstName);
    }
  }
});

当Ember创建一个对象时,它会专门包装这些函数,以便它们可以使用_super。

如果您想分享更多的实现,我可以尝试帮助弄清楚为什么您的代码不像JSFiddle演示那样表现。