モデル属性に基づくバックボーンコレクションのソート

Question

私はテーブルにレンダリングされるバックボーンコレクションを持っています。私はテーブルが "task_status"、 "task_group"のような特定の属性に基づいてソート可能にしたいと思います。私はcollection.comparator、nd collection.sortに関するバックボーンのドキュメントを読んでいます。 これをどのように行うことができますか？

Answer 1

comparator関数は、コレクション内の2つのモデルを比較するために使用され、必要な（一貫した）方法でそれらを比較できます。特に、それはあなたがあなたのコレクションでは、このようなものかもしれないので、使用する属性をどのモデルを選択することができます。

initialize: function() { 
    this.sort_key = 'id'; 
}, 
comparator: function(a, b) { 
    // Assuming that the sort_key values can be compared with '>' and '<', 
    // modifying this to account for extra processing on the sort_key model 
    // attributes is fairly straight forward. 
    a = a.get(this.sort_key); 
    b = b.get(this.sort_key); 
    return a > b ? 1 
     : a < b ? -1 
     :   0; 
}  

をして、あなただけのsort_keyを変更して呼び出すために、コレクションのいくつかのメソッドを必要とするsort：

sort_by_thing: function() { 
    this.sort_key = 'thing'; 
    this.sort(); 
} 

古いバックボーンでは、sortを呼び出すと"reset"イベントが発生しますが、新しいバージョンでは"sort"イベントが発生します。

// in the view... 
initialize: function() { 
    this.collection.on('reset sort', this.render, this); 
} 

デモ：あなたは、両方のイベントに耳を傾け、再レンダリングすることができ、両方のケースカバーするhttp://jsfiddle.net/ambiguous/7y9CC/

をまた、あなたはゾンビを避けるためにlistenToの代わりonを使用することができます。

initialize: function() { 
    this.listenTo(this.collection, 'reset sort', this.render); 
} 

デモ：http://jsfiddle.net/ambiguous/nG6EJ/

Answer 2

@ mu-is-too-shortさんの回答は良いですが、フィールドを比較する簡単な方法はありません値：

フィールドに基づいてコレクションを並べ替える最も簡単な方法は、並べ替える正確なフィールドの値を返すコンパレータ関数を提供することです。この種のコンパレータでは、Backboneがsortの代わりにsortBy関数を呼び出すため、その複雑な比較が自分自身で実行され、ロジックについて心配する必要はありません。

このように、本質的には、注文を決定するための高度なニーズがない限り、複雑なコンパレータ機能を提供する必要はありません。この後

var myCollection = Backbone.Collection.extend({ 
    sort_key: 'id', // default sort key 
    comparator: function(item) { 
     return item.get(this.sort_key); 
    }, 
    sortByField: function(fieldName) { 
     this.sort_key = fieldName; 
     this.sort(); 
    } 
}); 

あなただけがソートしたいキーを表す文字列とコレクションのsortByField -functionを呼び出すことができます。たとえば は：

collection.sortByField('name'); 

のデモ-余りに短いです私@更新：jylaurilの答えは途方もなく出て助け@http://jsfiddle.net/NTez2/39/

Answer 3

、それが投稿されましたので、デモ（バックボーンでおそらくわずかな変化を修正するために必要な？）

ソート後にレンダリングをトリガーする必要があるようです。はい、 `>`と `<`作業：http://jsfiddle.net/NTez2/13/