找不到 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

对于那些在 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 2

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

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

更多信息请参见https://www.ag-grid.com/javascript-grid-cell-rendering/

Answer 3

升级到 15.0.0 后警告消失