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));
}