4

我将 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},
]

我在这里想念什么？

4

4 回答 4

4

对于那些使用 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"
>
于 2020-01-20T19:36:07.837 回答
3

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

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

更多信息在这里https://www.ag-grid.com/javascript-grid-cell-rendering/

于 2019-02-20T11:35:53.433 回答
2

确保在您的组件文件中有：

 frameworkComponents = {agGroupCellRenderer: AGroupCellRenderer}
 context = { componentParent: this }
.....
{headerName: 'Name', field: 'userName', width:163, cellRenderer:'agGroupCellRenderer'}

这在你的 html 文件中：

 <ag-grid-angular 
  ..
    [frameworkComponents]="frameworkComponents"
    [context] = "context"

..>
于 2020-05-17T20:35:36.790 回答
0

升级到 15.0.0 后警告消失

于 2018-02-01T04:14:14.917 回答