1

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

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

如何更改它以能够拥有多个级别的项目，以及如何循环每个级别以显示它们？

我还需要能够订购每个孩子的物品并将该订单存储到服务器上。

请谁能告诉我你怎么能做到这一点？

更新：

我现在已经设法实现了 Items can be many levels deep bit of this question see here http://jsfiddle.net/rmossuk/fBmmS/3/

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

有人知道怎么做吗 ？

非常感谢瑞克

4

1 回答 1

13

在视图中，使用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/

编辑

根据您的要求，这是另一种解决方案，将排序的 id 保留在父级中（以最大程度地减少更新和索引管理）：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')
});

稍微复杂一点，不过...

于 2012-08-03T11:50:03.183 回答