提交后清除Ember.TextField

时间:2013-02-05 21:21:49

标签: ember.js

我正在一个小型示例应用程序上学习ember.js,最后一篇文章我无法上班。

我有一个“quips”(推文)列表,还有一个允许创建新文本的文本输入字段。在我提交新推文之后,我想清除文本输入,但无济于事。我基本上在这一点上复制了todomvc example逐字,它在那里工作(我甚至使用相同的ember.js和ember-data.js版本来排除这种可能性)。

以下是模板:

<script type="text/x-handlebars" data-template-name="index">
    <h2>Latest Quips</h2>
    <div>
            {{view Ember.TextField id="new-quip" placeholder="Enter your Quip"
            valueBinding="newQuip" action="createQuip"}}
    </div>

适当控制器中的操作:

App.IndexController = Ember.ArrayController.extend({
  createQuip: function() {
    App.Quip.createRecord({
      text: this.get('newQuip'),
      user: 'ree'
    });
    this.set('newQuip', ''); // this row should clear the view
    this.get('store').commit();
  }
});

为了完整起见的模型:

App.Quip = DS.Model.extend({
  text: DS.attr('string'),
  user: DS.attr('string')
});

App.Store = DS.Store.extend({
    revision: 11,
    adapter: 'App.QuipsAdapter'
});

App.Quip.FIXTURES = [
    { id: 1, user: 'ree', text: 'Which is the best JS MVC?' },
    { id: 2, user: 'baaz', text: '@ree Definitely Ember.js!' }
];

App.QuipsAdapter = DS.FixtureAdapter.extend({});

应用runs here

如果有人能指出我做错了什么,我会很高兴。

谢谢,

巴林特

1 个答案:

答案 0 :(得分:3)

这是与jQuery 1.9.0相关的错误 - 尝试v1.8.x

另外,正如我记得的那样,它已经被修复了,所以抓住最新的Ember版本也可以解决你的问题。