未找到agGroupCellRenderer

Question

我将ag-grid和ag-grid-react升级到14.2.0，但仍然收到此警告：

ag-grid：寻找组件[agGroupCellRenderer]，但未找到。

我的列定义：

let columnDefs = [
    {headerName: 'Name', field: 'userName', width:163, cellRenderer:'agGroupCellRenderer'},
    {headerName: 'Job Title', field: 'jobTitle', width:143},
]

我在这里想念什么？

Answer 1

我认为您应该使用components属性将字符串（agGroupCellRenderer）映射到角度组件（AgGroupCellRendererComponent）

gridOptions = {
    ... 
    components: {
        agGroupCellRenderer: AgGroupCellRendererComponent
    }
}

此处有更多信息https://www.ag-grid.com/javascript-grid-cell-rendering/

Answer 2

对于使用Angular 8收到此消息“ ag-Grid：正在寻找组件”的用户，请检查是否在HTML页面上引用了它。在我的代码中，我在HTML文件中缺少一些参考代码。这是一个可以帮助某人的粗略示例：

示例

组件文件：

import { AgGroupCellRendererComponent } from 
'../../global/components/agGroupCellRenderer.component';

columnDefs= [{headerName: 'Name', field: 'userName', width:163, 
cellRenderer:'agGroupCellRenderer'}]

frameworkComponents: any;
constructor() {
    this.frameworkComponents = {
      agGroupCellRenderer: AgGroupCellRendererComponent,
    };
}

HTML文件：

<ag-grid-angular
  style="width: 100%; height: 500px;"
  class="ag-theme-balham"
  [gridOptions]="gridOptions"
  [rowData]="rowData"
  [frameworkComponents]="frameworkComponents"
> 

Answer 3

升级到15.0.0后，警告消失了>>