试图弄清楚这个概念。如果你在排序之前和之后console.log this.get(“content”),一切看起来都有效,但是当它显示在屏幕上时它变得很时髦。我认为问题出在Handlebars上。当它“分类”时,它会添加一个重复的第四条记录并将其粘贴在顶部。您可以在此处查看问题:
http://jsfiddle.net/skinneejoe/Qpkz5/78/(点击“按年龄排序”文字几次以获取记录,您将看到问题)
我做错了什么,有更好的方法,还是这个错误?如果它是一个错误,那么有一个很好的解决方法吗?
这是完整的代码:
的index.html
<script type="text/x-handlebars">
{{#view App.SortView}}Sort by Age{{/view}}<br/>
{{#each App.userController}}
{{#view App.RecordView contentBinding="this"}}
{{content.name}} - {{content.age}}
{{/view}}
{{/each}}
</script>
app.js
window.App = Ember.Application.create();
App.userController = Ember.ArrayController.create({
content: [
Ember.Object.create({ name:"Jeff", age:24 }),
Ember.Object.create({ name:"Mark", age:32 }),
Ember.Object.create({ name:"Jim", age:12 })
],
sort:"desc",
sortContent:function() {
if (this.get("sort") == "desc") {
this.set("sort", "asc");
} else {
this.set("sort","desc")
}
if (this.get("sort") == "asc") {
var sortedContent = this.get("content").sort( function(a,b){
return a.get("age") - b.get("age");
})
} else {
var sortedContent = this.get("content").sort( function(a,b){
return b.get("age") - a.get("age");
})
}
this.set("content", []);
this.set("content",sortedContent)
}
})
App.RecordView = Ember.View.extend({})
App.SortView = Ember.View.extend({
click: function() {
App.userController.sortContent("poId")
}
})
答案 0 :(得分:0)
我在OS X上的Safari,Chrome或Firefox中没有看到这个错误,所以我认为这是一个IE问题。
听起来很像this reported Ember bug,它在11天前得到修复。尝试升级到ember-latest并查看是否可以修复它。