angularjs - 如何在表初始化后更新 ag-Grid 的 autoGroupColumnDef 属性

Question

我有一个使用 autoGroupColumnDef 分组的 ag-grid 表(企业版:22.1.0)属性(property)。分组取决于表的数据，数据在单击按钮时加载。我需要更新 autoGroupColumnDef加载页面后，就在加载数据之前，属性的字段名称(以下代码中的 _this.colName)。

表格的网格选项:

_this.gridOptions = {
  defaultColDef: {
      sortable: true,
      resizable: true,
      filter: true
  },
  columnDefs: _this.columnDefs,
  rowData: [],
  enableRangeSelection: true,
  autoGroupColumnDef: {
    headerName: "Sector",
    field: _this.colName,
    cellRendererParams: {
      suppressCount: true
    },
    tooltipValueGetter: function(params) {
      return _this.tooltipVal
    }
  },
  suppressAggFuncInHeader: true, 
  enableBrowserTooltips: true
};

我更新了变量 _this.colName在将数据设置到网格之前。我尝试了以下选项，但没有一个对我有用:

_this.gridOptions.api.refreshClientSideRowModel('group');

_this.gridOptions.api.refreshCells();

_this.gridOptions.autoGroupColumnDef.field = 'Column's Name'

任何帮助，将不胜感激!

Answer 1

有一个很好的解决方法。您可以设置 autoGroupColumnDef，然后删除并读取所有行分组。它将使用新名称重新绘制组列。

    gridOptions.autoGroupColumnDef.headerName = 'new_name';
    
    // Get current groupings
    var colstate = gridOptions.columnApi.getColumnState();
    var colstateclear = gridOptions.columnApi.getColumnState();

    // Clear groupings
    var x = 0, xcount = colstateclear.length;
    while ( x < xcount ) {
        colstateclear[x].rowGroupIndex = null;
        x += 1;
    }
    gridOptions.columnApi.setColumnState(colstateclear);
    
    // Reset groupings  
    gridOptions.columnApi.setColumnState(colstate);