Question

我使用角度ng-grid列出我的数据并激活了分组。当我对一些数据进行分组时，我想在每个组下面添加一个额外的行来聚合该组中的数据。

我试图改变聚合模板但我无法弄清楚如何添加一行，因为每一行都有一个绝对位置。

示例：

没有分组的普通表

ID    Name    Euro    USD
1     Erik    10      45
2     Tom     10      14
3     John    67      78

这就是我想要在欧元分组时的样子。

ID    Name    Euro    USD
> 10
3     NaN     -       59    * This is the extra row *
> 67
3     NaN     -       78    * This is the extra row *

这是我的聚合函数，它对每个组进行求和：

$scope.aggFunc = function (row, col) {
    var sumColumn = col;
    var total = 0;
    angular.forEach(row.children, function(entry) {
        total+= parseInt(entry.entity[sumColumn]);
    });
    angular.forEach(row.aggChildren, function(entry) {
        total+= parseInt($scope.aggFunc(entry));
    });
    return total;
};

以下是当前在同一行聚合的聚合模板：

<div ng-click="row.toggleExpand()" ng-style="rowStyle(row)" class="ngAggregate">
    <span class="ngAggregateText">{{row.label CUSTOM_FILTERS}} (Euro: {{aggFunc(row, 'Euro')}} USD: {{aggFunc(row, 'USD')}})</span>
    <div class="{{row.aggClass()}}"></div>
</div>

感谢。

Ng-grid，使用额外数据自定义分组模板

0 个答案: