Ember.js - 如何从控制器触发视图方法?

时间:2013-04-13 19:18:35

标签: javascript ember.js

我正在尝试从控制器调用view方法,但不知道如何执行此操作。从视图中我可以轻松调用控制器方法,如this.get('controller').send('method');

如何从控制器this.get('view').send('method');执行此类操作?

为了让您更好地了解我正在尝试做什么。

我有应用程序控制器Ember.Controller.extend({})我有应用程序视图Ember.View.extend({})和应用程序模板。

在应用程序模板中是登录表单,当用户提交时,执行控制器方法。在此方法中,如果登录凭据不正确,我需要调用在登录表单上执行jQueryUI方法的view方法(准确地说出shake方法并显示一些文本)。

2 个答案:

答案 0 :(得分:73)

这对Ember.Evented来说非常有用。通过使用事件订阅和调度,您可以避免耦合视图和控制器。

简单地混合Ember.Evented

Controller = Ember.Controller.extend(Ember.Evented)

现在,您可以在控制器上调用ontrigger方法,订阅活动,然后启动活动。因此,在您看来,您可以这样做:

didInsertElement: function () {
    this.get('controller').on('loginDidFail', this, this.loginFail);
}

然后在您的控制器中致电this.trigger('loginDidFail')以启动loginFail查看方法。

请记住在解除视图后删除处理程序...请参阅下面的答案。

答案 1 :(得分:19)

只是想回答这个问题,以解决在清除视图时(路由更改时)正确删除侦听器的问题。它也没有必要使用jquery代理,因为开/关方法支持目标,这很好,因为取消订阅代理肯定更复杂。修改克里斯托弗提供的内容:

didInsertElement: function()
{
  this.get('controller').on('loginDidFail', this, this.loginFail);
},

willClearRender: function()
{
  this.get('controller').off('loginDidFail', this, this.loginFail);
}

如果不删除订阅,任何后续访问登录路由(无需重新加载页面)都将添加其他侦听器;即内存泄漏,错误和意外行为。