AngularJS ui ग्रिड मेनू

Question

आधिकारिक वेबसाइट पर ui-grid उदाहरण (http://ui-grid.info/docs/#/tutorial/209_grouping) से निकालें एकत्रीकरण मेनू आइटम एक समूह सुविधा है, जो इस तरह दिखता है प्रस्तुत करता है कॉलम मेनू में Aggregate वाले (गिनती, योग, अधिकतम, न्यूनतम, औसत) नहीं है और मुझे उन्हें हटाने के लिए कोई रास्ता नहीं मिल सका।

मैंने जिस समाधान का प्रयास किया है, वह समूहिंग कॉलमबिल्डर के लिए सजावट प्रदान करके uiGridGroupingService को ओवरराइड कर रहा था, लेकिन सेवा बिल्कुल हल नहीं हुई है और मैं यह सोचने में मदद नहीं कर सकता कि यह प्राप्त करने का एक आसान तरीका है या नहीं।

क्या किसी को इस समस्या के लिए किसी भी समाधान के बारे में पता है?

Answer 1

सजावट दृष्टिकोण शायद इस मामले में सबसे अच्छा तरीका है। कॉलम मेनू से इसे हटाने के लिए कोई कॉन्फ़िगरेशन विकल्प नहीं है।

पीएस: सजावटी केवल कुल वस्तुओं को हटाने के लिए दिखाया गया है।

सजावटी दृष्टिकोण के साथ एक कामकाजी 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

यह डिफ़ॉल्ट रूप से सही पर सेट किया है, तो आप

groupingShowAggregationMenu अपने columnDefs में यह निर्दिष्ट करने की आवश्यकता: झूठी