Ember.js订单有许多孩子

Question

我有一个项目模型，每个项目可以有很多项目。这可以是很深层次的。

我有这样的jsfiddle http://jsfiddle.net/rmossuk/xmcBf/3/

我怎么改变这个要能够有一个项目多层次，也是我怎么循环下来每个级别显示它们？

我还需要能够订购每个项目的子项并存储该订单以保留到服务器。

请任何人都可以告诉我你可以如何做到这一点？

UPDATE：

我现在已经成功地实施项目可以是多层次这个问题的深一点看这里http://jsfiddle.net/rmossuk/fBmmS/3/

但我需要一种方法来说明每个项目的孩子的顺序和按照该顺序显示它们。目前它只是显示itemIds数组中的子项目，但这仅用于关联目的，我不能将其更改为重新排序。

任何人都知道如何做到这一点？

非常感谢 麦垛

Answer 1

在视图，使用sortedItems计算特性，定义如下：。

JS

App.Item = DS.Model.extend({ 
    name: DS.attr('string'), 
    index: DS.attr('number'), 
    items: DS.hasMany('App.Item', {key: 'itemIds'}), 
    item: DS.belongsTo('App.Item'), 
    product: DS.belongsTo('App.Product'), 

    sortedItems: function() { 
    var items = this.get('items').toArray(); 
    return items.sort(function (lhs, rhs) { 
     return lhs.get('index') - rhs.get('index'); 
    }); 
    }.property('items.@each.isLoaded') 
}); 

在这里看到一个完整有效的解决方案：http://jsfiddle.net/MikeAski/K286Q/3/

---

编辑

所述的T Ø您的要求，这里是另一种解决方案，保持母体内的排序IDS（以尽量减少更新&指标管理）：http://jsfiddle.net/MikeAski/K286Q/12/

JS

App.Item = DS.Model.extend({ 
    name: DS.attr('string'), 
    items: DS.hasMany('App.Item', {key: 'itemIds'}), 
    sortedIds: DS.attr('string', { key: 'sortedIds' }), 
    item: DS.belongsTo('App.Item'), 
    product: DS.belongsTo('App.Product'), 

    sortedChildren: function() { 
    if (!this.get('isLoaded')) { 
     return []; 
    } 
    var sortedIds = this.get('sortedIds').split(','), 
     items = this.get('items').toArray(); 
    return sortedIds.map(function (id) { 
     if (id === '') { 
     return null; 
     } 
     return items.find(function (item) { 
      return item.get('id') == id; 
     }); 
    }).filter(function(item) { 
     return !!item; 
    }); 
    }.property('isLoaded', 'sortedIds', 'items.@each.isLoaded') 
}); 

更复杂一点点，不过。 ..