Question

我目前正在尝试阅读我的列页脚，以确保聚合的总和正好是100.但是我找不到从网格函数中获取该值的方法。也许我错过了文档中的一个函数。有没有办法实现这一点，还是我必须手动循环我的网格并总结值？

Answer 1

您可以在列页脚上使用聚合来自动显示列中所有值的总和。

您可以使用下面的网格配置

$scope.gridOptions = {
    showGridFooter: true,
    showColumnFooter: true,
    enableFiltering: true,
    columnDefs: [
        { field: 'name', width: '13%' },
        { field: 'address.street',aggregationType: uiGridConstants.aggregationTypes.sum, width: '13%' },
        { field: 'age', aggregationType: uiGridConstants.aggregationTypes.avg, aggregationHideLabel: true, width: '13%' },
        { name: 'ageMin', field: 'age', aggregationType: uiGridConstants.aggregationTypes.min, width: '13%', displayName: 'Age for min' },
        { name: 'ageMax', field: 'age', aggregationType: uiGridConstants.aggregationTypes.max, width: '13%', displayName: 'Age for max' },
        { name: 'customCellTemplate', field: 'age', width: '14%', footerCellTemplate: '<div class="ui-grid-cell-contents" style="background-color: Red;color: White">custom template</div>' },
        { name: 'registered', field: 'registered', width: '20%', cellFilter: 'date', footerCellFilter: 'date', aggregationType: uiGridConstants.aggregationTypes.max }
    ],
    data: data,
    onRegisterApi: function(gridApi) {
            $scope.gridApi = gridApi;
    }
};

http://plnkr.co/edit/nv1eJAIyD5xNDn8XI6L9?p=preview

要从页脚获取值，只要您知道列索引并且引用gridApi。

$scope.getFooterValue = function()
{
  console.log($scope.gridApi);
  alert($scope.gridApi.grid.columns[2].getAggregationValue());
}

在UI - Grid中读取列页脚的总和值？

1 个答案: