首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >gridApi和gridOptions在AgGrid v28中的区别是什么?

gridApi和gridOptions在AgGrid v28中的区别是什么?
EN

Stack Overflow用户
提问于 2022-11-13 10:45:21
回答 1查看 28关注 0票数 -1

我问这个是因为我在这两者之间搞混了。gridApi是'gridOptions‘的一部分,还是正好相反。我正在仔细地浏览文档。我假设"Grid“独立于"Grid Options”。但是,当我想设置列大小时,为什么文档要这样做:

所以,当我做这篇文章时:

代码语言:javascript
运行
复制
<ag-grid-angular 
  ...
  [gridOptions]="gridOptions"
  (gridReady)="onGridReady($event)">
</ag-grid-angular>

_______________________________________________________

  gridOptions: any;
  ngOnInit(): void {
    this.gridOptions.columnApi.sizeColumnsToFit();
  }

我有一个错误:

错误TypeError: this.gridOptions未定义

很明显我误解了什么。请纠正我。

EN

回答 1

Stack Overflow用户

发布于 2022-11-17 17:35:52

  • 网格选项用于在初始化网格之前设置网格属性。

您可以使用这样的gridOptions并在ngOnInit()中调用initGrid():

代码语言:javascript
运行
复制
initGrid() {

    this.gridOptions = <GridOptions>{

      aggFuncs: {

        // this overrides the grids built-in sum function
        'mySum' : this.aggregate
      },
      suppressCopyRowsToClipboard: true,
      defaultColDef: {
        sortable: true,
      },
    };
  • 网格Api在初始化网格后使用。

因此,在这样的html中有一个"onGridReady($event);“,并在ts文件中调用onGridReady(params)。

代码语言:javascript
运行
复制
 <ag-grid-angular>
(gridReady)="onGridReady($event);"   
 </ag-grid-angular>

onGridReady(params) {
    this.gridColumnApi = params.columnApi;
    this.gridColumnApi.sizeColumnsToFit();
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74420227

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档