0

我需要从服务器获取对象集合，按关键参数对其进行分组，并对分组值字段求和。相当简单的任务，但我不确定如何在 ChaplinJS 中实现它。我已经设置了集合视图。未分组集合的获取和渲染工作正常。我应该如何实现集合视图的分组和更新？

我从 groupBy 开始，但这并没有做任何事情：

collectionView.collection.fetch().then(function() {
  collectionView.collection.groupBy(function(myItem) {
    return myItem.get('name');
  });
});
4

1 回答 1

0

由于我正在为子视图分组集合，因此我创建了一个用于在子视图类中获取分组集合的方法。同一视图还负责显示未分组的集合。我获取集合，将其分组，然后将其分配给视图的集合以进行渲染。

var MyItemsView = CollectionView.extend({
    itemView: MyItemView,
    template: template,
    tagName: 'table',
    listSelector: 'tbody',
    fetchGrouped: function(params) {
        var dfd = new $.Deferred();
        var myItems = new MyItemCollection();
        var _this = this;
        myItems.fetch(params).then(function() {
            var grouped = myItems.groupBy(function(item) {return item.get("key");});
            var result = [];

            $.each(grouped, function(k, v) {
                var item = new MyItem();

                //Copy all attributes
                item.set(v[0].attributes);

                //Sum value field
                item.set('value', v.reduce(function(mem, value) {return mem + parseFloat(value.get('value'));}, 0));

                //Remove non-grouped values, if required
                item.unset('key2');
                item.unset('key3');

                result.push(n);
            });

            _this.collection = new MyItemCollection(result);
            dfd.resolve();
        });

        return dfd.promise();
    }
});

我仍然认为我在滥用卓别林组件约定，并且可能有更有效的方法来做到这一点......但这就是我想出的。

于 2014-08-04T11:01:56.413 回答