ember.js - 如何制作在 View 层次结构中冒泡的自定义事件？

Question

我的按钮 View 是我编写的一组 Ember.js 表单助手的一部分。例如。 MyAddressFormView 具有以下模板:

{{#form}}
  {{textArea address}}
  {{submitButton}}
  {{cancelButton}}
{{/form}}

为了处理“提交”按钮，我让“提交”表单事件冒泡，并在 submit 中处理它。 MyAddressFormView 的方法。

但是我如何对“取消”按钮做同样的事情？例如，有什么方法可以在 subview 中触发自定义“取消表单”事件，让它冒泡，并在祖先 View 中处理它？

Answer 1

我建议触发一个 jQuery 特殊事件并使用 Ember 应用程序上的映射注册该事件。例如:

Ember.Application.create({
  customEvents: {
    // key is the jquery event, value is the name used in views
    formcancel: 'formCancel'
  }
});

在您的 cancelButton View 中:

click: function(evt){
  Ember.$().trigger('formcancel')
}

这将以与其他映射的 Ember DOM 事件相同的方式冒泡。