пунктов меню агрегации Удалить из angularjs меню пользовательского интерфейса сетки

Question

ui-grid примера на официальном сайте (http://ui-grid.info/docs/#/tutorial/209_grouping) представляют собой функцию группирования, которая выглядит следующим образом:

Я хотел бы иметь пункт Grouping меню, но не имеют Aggregate единиц (количество, сумма, макс., мин., авг) в меню столбца, и я не мог найти способ их удаления.

Решение, которое я пробовал, переопределяло uiGridGroupingService, предоставляя декоратору для groupingColumnBuilder, но служба не разрешена вообще, и я не могу не задаться вопросом, есть ли более простой способ достичь этого.

Кому-нибудь известно о любом решении этой проблемы?

Answer 1

Подход декоратора, вероятно, лучший подход в этом случае. Нет опции конфигурации, чтобы удалить это из меню столбца.

PS: Декоратор показан только для удаления агрегатных элементов.

Вот рабочий plnkr с подходом декоратора.

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

Существует вариант агрегации Подавить! Set groupingShowAggregationMenu to false.

Answer 3

Она устанавливается истина по умолчанию, так что вы должны определить его в ваших columnDefs

groupingShowAggregationMenu: ложные