2013-04-15 29 views
7

我想查看網格中每個組的總數(或通常任何聚合函數)。如何使用ng格設置聚合

這是被要求和關閉的問題:https://github.com/angular-ui/ng-grid/issues/95(但不幸的是沒有任何例子)。

我能夠通過aggregateTemplate配置選項重新定義默認模板https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.html。但我不知道如何正確地擴展它。

此模板正在ng網格範圍內進行評估,我不知道如何觸發我的自定義聚合函數。我想創建類似'''totalChildren'''的功能(來自https://github.com/angular-ui/ng-grid/blob/master/src/classes/aggregate.js

任何想法?

回答

9

我找到了答案:https://github.com/angular-ui/ng-grid/issues/290

對於這裏completenes是我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>' 
    }; 
} 
相關問題