ember.js - Ember.TextField valueBinding 与 keyUp 覆盖

Question

为什么在覆盖 keyUp 函数时 TextField valueBind 不正确？这里的例子 http://jsfiddle.net/z5SNW/3/ .基本上，每当按下回车键或用户单击按钮时，我都会提醒 TextField 的值。问题是按下按钮不会显示实际值，直到您将焦点移出文本字段，然后单击按钮。

我可以通过将 else 放入 keyUp 函数并在那里设置值来破解它，但这对我来说似乎不正确。我想我只是错过了一些非常简单的东西。

Answer 1

通过重写 keyUp，TextField 的值仅在触发 change 事件(失去焦点)时设置，参见 code .

如果您使用可用的 insertNewline 来处理输入，则一切正常:http://jsfiddle.net/z5SNW/6/ .

App = Ember.Application.create({});

App.TextField = Em.TextField.extend({
    valueBinding: 'App.TextValue.value',
    insertNewline: function() {
        alert('Submitted: ' + App.TextValue.get('value'));
    }
});

App.TextValue = Em.Object.create({
    value: ''
});

App.SubmitButton = Em.Button.extend({
    click: function() {
        alert(App.TextValue.get('value'));
    }
});​

或者您保留 keyUp 的实现(如果您还打算对其他 keyCode 执行操作，但是您必须调用 this.interpretKeyEvents(event);，参见 http://jsfiddle.net/z5SNW/8/。