javascript - SproutCore コレクションの並べ替え

Question

Todo のリストがあり、それらに関連付けられたタグ プロパティがあります。ビューには、「タグで並べ替え」ボタンがあります。そのボタンを押すと、コレクションがタグでソートされるようにします。今は何も起こっていません。以下はコードです。どうしたの？

 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

todoListController では、データ ストアからコントローラーのコンテンツを最初に読み込んだと仮定します。

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