AngularJS ui 网格编辑不适用于组

Question

我正在使用 angular ui-grid，它工作正常但是当我从选项应用分组时，编辑功能不起作用。

请检查此 plunker。

var app = angular.module('app', ['ngTouch', 'ui.grid','ui.grid.edit', 'ui.grid.grouping', 'ui.grid.pinning','ui.grid.exporter','ui.grid.selection']);

app.controller('MainCtrl', ['$scope', 'uiGridConstants', function ($scope, uiGridConstants) {
  $scope.columns = [

    //Below line is with default groupby functionality (If we uncomment below line edit functionality on cell double click is not working)
    { field: 'GHC', grouping: { groupPriority: 1 }, pinnedLeft: true}, 
    //Below line is with without groupby functionality (If we comment above line and uncomment below line  edit functionality on cell double click is working as expected)
    //{ field: 'GHC',  pinnedLeft: true}, 

    { field: 'Status', filter: {
          type: uiGridConstants.filter.SELECT, 
          selectOptions: [ { value: 'Active', label: 'Active' }, { value: 'Won', label: 'Won' }, { value: 'Lost', label: 'Lost'}, { value: 'InActive', label: 'InActive' }]
        }
    },
    { field: 'Region' },
    { field: 'Country' },
    { field: 'City' },
    { field: 'Industry'},
    {  field: 'SubIndustry',displayName: 'SubIndustry' }, 
    { field: 'Date Of Win' }];
  $scope.gridOptions = {
    enableFiltering: true,
    exporterMenuCsv: true,
    enableGridMenu: true,
    exporterCsvFilename: 'myFile.csv',
    columnDefs: $scope.columns
  }
  $scope.gridOptions.data = data;
}]);

Answer 1

好的，在我看来问题是组 header 行不允许编辑。当网格首次呈现时，所有组都折叠起来，因此 none 行是可编辑的。当您展开以显示一些详细信息行时，我们会重复使用 DOM，而可编辑的属性不是 re-evaluated。简而言之，您发现了一个错误。我建议你提出一个问题，我可以把它看作是我目前正在做的一些分组工作的一部分。

AngularJS ui 网格编辑不适用于组

AngularJS ui grid edit not working with group

angularjs

angular-ui-grid