pozycje menu Usuń agregacja z angularjs menu ui-grid

Question

Przykład ui-grid na oficjalnej stronie internetowej (http://ui-grid.info/docs/#/tutorial/209_grouping) przedstawia funkcję grupowania, która wygląda tak:

chciałbym mieć element Grouping menu, ale nie mają wartości Aggregate (liczba, suma, maks., min, śr.) w menu kolumny i nie mogłem znaleźć sposobu na ich usunięcie.

Rozwiązaniem, które próbowałem, było przesłonięcie uiGridGroupingService, przez zapewnienie dekoratora dla GroupingColumnBuilder, ale usługa nie jest w ogóle rozwiązana i nie mogę pomóc, ale zastanawiam się, czy istnieje prostszy sposób osiągnięcia tego.

Czy ktoś wie o jakimkolwiek rozwiązaniu tego problemu?

Answer 1

Podejście dekoratora jest prawdopodobnie najlepszym podejściem w tym przypadku. Nie ma opcji konfiguracji, aby usunąć to z menu kolumny.

PS: Dekorator pokazuje tylko elementy łączone.

Oto działający właściciel z podejściem dekoratora.

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

app.config(function($provide){ 
    $provide.decorator('uiGridGroupingService', function ($delegate,i18nService,gridUtil) { 

     $delegate.groupingColumnBuilder = function (colDef, col, gridOptions) { 

      if (colDef.enableGrouping === false){ 
      return; 
      } 

      if (typeof(col.grouping) === 'undefined' && typeof(colDef.grouping) !== 'undefined') { 
      col.grouping = angular.copy(colDef.grouping); 
      } else if (typeof(col.grouping) === 'undefined'){ 
      col.grouping = {}; 
      } 

      if (typeof(col.grouping) !== 'undefined' && typeof(col.grouping.groupPriority) !== undefined && col.grouping.groupPriority >= 0){ 
      col.suppressRemoveSort = true; 
      } 

      col.groupingSuppressAggregationText = colDef.groupingSuppressAggregationText === true; 

      var groupColumn = { 
      name: 'ui.grid.grouping.group', 
      title: i18nService.get().grouping.group, 
      icon: 'ui-grid-icon-indent-right', 
      shown: function() { 
       return typeof(this.context.col.grouping) === 'undefined' || 
        typeof(this.context.col.grouping.groupPriority) === 'undefined' || 
        this.context.col.grouping.groupPriority < 0; 
      }, 
      action: function() { 
       service.groupColumn(this.context.col.grid, this.context.col); 
      } 
      }; 

      var ungroupColumn = { 
      name: 'ui.grid.grouping.ungroup', 
      title: i18nService.get().grouping.ungroup, 
      icon: 'ui-grid-icon-indent-left', 
      shown: function() { 
       return typeof(this.context.col.grouping) !== 'undefined' && 
        typeof(this.context.col.grouping.groupPriority) !== 'undefined' && 
        this.context.col.grouping.groupPriority >= 0; 
      }, 
      action: function() { 
       service.ungroupColumn(this.context.col.grid, this.context.col); 
      } 
      }; 



      if (!gridUtil.arrayContainsObjectWithProperty(col.menuItems, 'name', 'ui.grid.grouping.group')) { 
      col.menuItems.push(groupColumn); 
      } 

      if (!gridUtil.arrayContainsObjectWithProperty(col.menuItems, 'name', 'ui.grid.grouping.ungroup')) { 
      col.menuItems.push(ungroupColumn); 
      } 
     } 
     return $delegate; 
    }) 
}); 

Answer 2

Istnieje opcja agregacji tłumić! Set groupingShowAggregationMenu to false.

Answer 3

Jest ustawiony na true domyślnie więc trzeba określić go w columnDefs

groupingShowAggregationMenu: false