[英]Ember.js - How to trigger view method from controller?
我试图从控制器调用view方法,但不知道如何做到这一点。 从视图中我可以很容易地调用控制器方法,如this.get('controller').send('method');
如何从控制器this.get('view').send('method');
执行类似的操作this.get('view').send('method');
?
为了让您更好地了解我正在尝试做什么。
我有应用程序控制器Ember.Controller.extend({})
我有应用程序视图Ember.View.extend({})
和应用程序模板。
在应用程序模板是登录表单,当用户提交它时,执行控制器方法。 在这种方法中,如果登录凭证不正确,我需要调用在登录表单上执行jQueryUI
方法的view方法( jQueryUI
抖动方法并显示一些文本)。
这对Ember.Evented
听起来很有用。 通过使用事件订阅和调度,您可以避免耦合视图和控制器。
简单地混合Ember.Evented
:
Controller = Ember.Controller.extend(Ember.Evented)
现在,您可以on
控制器上调用和trigger
方法,订阅事件,然后启动事件。 因此,在您看来,您可能会:
didInsertElement: function () {
this.get('controller').on('loginDidFail', this, this.loginFail);
}
然后在你的控制器中调用this.trigger('loginDidFail')
来启动你的loginFail
视图方法。
记得在视图被解除后删除处理程序...请参阅下面的答案。
只是想回答这个问题,以解决在清除视图时(路由更改时)正确删除侦听器的问题。 它也没有必要使用jquery代理,因为开/关方法支持目标,这很好,因为取消订阅代理肯定更复杂。 修改克里斯托弗提供的内容:
didInsertElement: function()
{
this.get('controller').on('loginDidFail', this, this.loginFail);
},
willClearRender: function()
{
this.get('controller').off('loginDidFail', this, this.loginFail);
}
在不删除订阅的情况下,任何后续访问登录路由(无需重新加载页面)都将添加其他侦听器; 即内存泄漏,错误和意外行为。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.