次の2つのモデルがあります。
App.City = DS.Model.extend({
cityId: DS.attr('number'),
name: DS.attr()
});
App.Country = DS.Model.extend({
countryId: DS.attr('number'),
name: DS.attr()
});
そして、都市の備品は次のようになります。
App.City.FIXTURES = [
{ id: 1, name: 'Dallas', cityId: 1 },
{ id: 2, name: 'Waco', cityId: 2 },
{ id: 3, name: 'Waco', cityId: 2 },
{ id: 4, name: 'Nashville', cityId: 3 },
{ id: 5, name: 'Norfolk', cityId: 4 }
];
私のリストは次のようになります。
- ダラス (削除)
- ウェイコ (削除)
- ウェイコ (削除)
- ナッシュビル (削除)
- ノーフォーク (削除)
リストをcityIdでグループ化し、名前でソートしたい:
- 1x ダラス (削除)
- 1x ナッシュビル (削除)
- 1x ノーフォーク (削除)
- 2x Waco (削除)
ユーザーが Waco の横にある [削除] をクリックすると、2x が 1x に変わり、Waco レコードの 1 つがストアから削除されます。ユーザーがもう一度 [削除] をクリックすると、リストから Waco が削除され、最後の Waco レコードがストアから削除されます。
同じビューに 2 つの異なるリストがあり、各リスト (グループ化およびソート) で同じ動作が必要です。
これが私が今持っているコードです: http://jsfiddle.net/cLNJj/1/