2013-04-15 8 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グリッドの範囲で評価されており、私はカスタム集計関数を起動する方法がわかりません。私は '' 'totalChildren' ''(https://github.com/angular-ui/ng-grid/blob/master/src/classes/aggregate.js)と同様の関数を作成したいと思います

アイデア?

答えて

9

私は答えた:ここcompletenesについては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>' 
    }; 
} 
関連する問題