由于我正在为子视图分组集合,因此我创建了一个用于在子视图类中获取分组集合的方法。同一视图还负责显示未分组的集合。我获取集合,将其分组,然后将其分配给视图的集合以进行渲染。
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();
}
});
我仍然认为我在滥用卓别林组件约定,并且可能有更有效的方法来做到这一点......但这就是我想出的。