2013-04-15 13 views
7

Ich möchte Summen (oder allgemein jede Aggregationsfunktion) für jede Gruppe in einem Raster sehen.So legen Sie die Aggregation mit Gruppierung in ng-Gitter fest

Dies wurde angefordert und geschlossen wie in der Ausgabe: https://github.com/angular-ui/ng-grid/issues/95 (aber leider ohne Beispiel).

Ich bin in der Lage, Standardvorlage https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.html durch aggregateTemplate Konfigurationsoption neu zu definieren. Aber ich weiß nicht, wie man es richtig ausdehnt.

Diese Vorlage wird im ng-Grid-Bereich ausgewertet und ich weiß nicht, wie ich meine benutzerdefinierte Aggregationsfunktion auslösen kann. Ich möchte ähnliche Funktion wie '' '' totalChildren '' (von https://github.com/angular-ui/ng-grid/blob/master/src/classes/aggregate.js)

Irgendwelche Ideen?

Antwort

9

ich die Antwort gefunden: https://github.com/angular-ui/ng-grid/issues/290

Für ein completenes hier ist ein Beispiel für meine aggredate Funktion:

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>' 
    }; 
}