我想要查看网格中每个组的总数(或任何聚合函数)。
这是在issue:https://github.com/angular-ui/ng-grid/issues/95中请求并关闭的(但不幸的是没有任何示例)。
我可以通过aggregateTemplate
配置选项重新定义默认模板https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.html。但我不知道如何正确地扩展它。
此模板在ng-grid作用域中求值,但我不知道如何触发我的自定义聚合函数。我想创建类似于‘totalChildren’的函数(来自https://github.com/angular-ui/ng-grid/blob/master/src/classes/aggregate.js )
有什么想法吗?
发布于 2013-04-15 15:25:50
我找到了答案:https://github.com/angular-ui/ng-grid/issues/290
下面是我的aggredate函数的一个示例:
function WorkLoadCtrl($scope, Issue, $routeParams, HttpCache) {
$scope.issues = Issue.jql_search({jql: $routeParams.jql});
$scope.aggFC = function (row) {
var res = 0;
var calculateChildren = function(cur) {
var res = 0;
var remaining;
angular.forEach(cur.children, function(a) {
remaining = a.getProperty('fields.timetracking.remainingEstimateSeconds');
if (remaining) { res += remaining; }
});
return res;
};
var calculateAggChildren = function(cur) {
var res = 0;
res += calculateChildren(cur);
angular.forEach(cur.aggChildren, function(a) {
res += calculateAggChildren(a);
});
return res;
};
return (calculateAggChildren(row) / 3600).toFixed(2);
}
$scope.mySelections = [];
$scope.gridOptions = {
data: 'issues.issues',
columnDefs: [
{field:'key', displayName:'key'},
{field:'fields.assignee.name', displayName:'Assignee'},
{field:'fields.status.name', displayName:'Status'},
{field:'fields.summary', displayName:'Summary'},
{field:'fields.timetracking.remainingEstimate', displayName:'Remaining'},
],
showFooter: true,
showGroupPanel: true,
enablePinning: true,
enableColumnResize: true,
enableColumnReordering: true,
showColumnMenu: true,
showFilter: true,
//jqueryUIDraggable: true, bug: when used grouping stop work, but column reordering start to work:(
selectedItems: $scope.mySelections,
multiSelect: false,
aggregateTemplate: '<div ng-click="row.toggleExpand()" ng-style="rowStyle(row)" class="ngAggregate"> <span class="ngAggregateText">{{row.label CUSTOM_FILTERS}} (count: {{row.totalChildren()}} {{AggItemsLabel}} Remaining: {{aggFC(row)}})</span> <div class="{{row.aggClass()}}"></div> </div>'
};
}
https://stackoverflow.com/questions/16015088
复制相似问题