2013-04-15 2 views
7

그리드의 각 그룹에 대해 합계 (일반적으로 모든 집계 함수)를보고 싶습니다.ng-grid에서 그룹화를 사용하여 집계를 설정하는 방법

문제가있는 것처럼 처리되었으므로 : https://github.com/angular-ui/ng-grid/issues/95 (예 : 불행히도).

기본 템플릿 https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.htmlaggregateTemplate 구성 옵션으로 다시 정의 할 수 있습니다. 하지만 제대로 확장하는 법을 모르겠습니다.

이 템플릿은 ng-grid 범위로 평가되고 있으며 사용자 정의 집계 함수를 트리거하는 방법을 알지 못합니다. '' 'totalChildren' ''(https://github.com/angular-ui/ng-grid/blob/master/src/classes/aggregate.js)와 비슷한 기능을 만들고 싶습니다.

아이디어가 있으십니까?

답변

9

내가 대답 발견

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>' 
    }; 
} 
: 여기 completenes를 들어 https://github.com/angular-ui/ng-grid/issues/290

내 aggredate 함수의 예입니다