javascript - SproutCore 集合排序

Question

我有一个待办事项列表，并且我有与之关联的标签属性。在视图上，我有一个“按标签排序”按钮。当我按下该按钮时，我希望按标签对集合进行排序。现在什么都没有发生。下面是代码。怎么了？

 In todos.js I have:
 Todos.SortingView = SC.TemplateView.extend({
  sortBinding: 'Todos.todoListController.sortTodos'
});

 and in todoListController, I have:
    sortTodos: function() {
   Todos.store.find(Todos.Todo).sortProperty('tag');
  }

 and in the handlebars view I have:
{{#view Todos.SortingView id="stats"}}
  {{#view SC.Button classBinding="isActive" target="Todos.todoListController" action="sortTodos"}}
    Sort By Tag
  {{/view}}
{{/view}}

{{#collection SC.TemplateCollectionView contentBinding="Todos.todoListController" itemClassBinding="content.isDone"}}
  {{view Todos.MarkDoneView}} - Tag - {{content.tag}}
{{/collection}}

Answer 1

sortTodos: function() {
   Todos.store.find(Todos.Todo).sortProperty('tag');
}

应该：

sortTodos: function() {
   this.set('orderBy', 'tag');
}

现在，如果您添加项目，您必须使用addObject和使用arrangedObjects不仅仅是content

---

createTodo: function(title) { 
    // var todo = Todos.Todo.create({ title: title });    
    var todoExists = this.findProperty('title', title).length > 0;
    if (!todoExist) {
        Todos.store.createRecord(Todos.Todo, { title: title }); 
        // this.pushObject(todo); 
    }
}

Answer 2

在 todoListController 中，假设您最初从数据存储中加载了控制器的内容。

sortTodos: function(){
var query= SC.Query.local('Todos.Todo', {orderBy: 'tag'});
Todos.todoListController.set('content',Todos.store.find(query));
}