ember.js - 如何访问作为 jQuery 元素的 Ember 输入？

Question

我在 Ember 中有一个简单的表单，它提交给服务器并返回响应。如果响应失败，我想重新关注输入字段。有没有办法使用值绑定(bind)访问我的 Controller 中的字段？

以我的jsbin为例:

http://jsbin.com/umodir/1/edit

Answer 1

http://jsbin.com/efatut/2/edit

你的服务器应该返回一些东西，在你的 Controller 上设置一个你可以观察到的属性。我将其简化并称之为“错误”。

var App = Ember.Application.create();

App.ApplicationController = Ember.ObjectController.extend({
  error: false,
  submit: function() {
    alert('I want to set a focus on the email input field now...');
    this.set('error', true);
  }  
});

App.ApplicationView = Ember.View.Extend({
  focusEmail: function() {
    if (this.get('controller.error')) {
      this.$('input[type=text]').focus();
    }
  }.observes('controller.error')
});

如果你想变得非常花哨，你可以使用像 {{eb-input focuson="error"}} 这样的 Ember.Component，它会在 Controller 的“error”属性发生变化时自动聚焦。