Считать значение суммы из нижнего колонтитула в пользовательском интерфейсе - Grid?
В настоящее время я пытаюсь прочитать нижний колонтитул моего столбца, чтобы убедиться, что общая сумма из агрегата составляет ровно 100. Однако я не могу найти способ получить это значение из функций сетки. Возможно я пропустил функцию в документах. Есть ли способ сделать это, или мне придется вручную циклически проходить по моей сетке и суммировать значения?
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());
}