1. 首先，在自定义的工具面板组件中（即实现了IToolPanel接口的组件）添加需要执行的回调函数：

import { IToolPanel } from 'ag-grid-community';

export class CustomToolPanel implements IToolPanel { // ...

private onRenderedCallback: () => void;

public setOnRenderedCallback(callback: () => void): void {
    this.onRenderedCallback = callback;
}

// ...

}

2. 在GridOptions中注册setOnRenderedCallback函数，将这个函数传递给自定义工具面板组件：

import { GridOptions } from 'ag-grid-community';

import { CustomToolPanel } from './custom-tool-panel';

const gridOptions: GridOptions = { // ...

components: {
    // ...
    customToolPanel: CustomToolPanel
},

setOnRenderedCallback: (callback: () => void): void =>
    gridOptions.components['customToolPanel'].prototype.setOnRenderedCallback(callback)

}

3. 然后，当 gridOptions.components['customToolPanel'] 渲染完成时，调用 onRenderedCallback 函数：

import { Component } from '@angular/core';

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { onToolPanelRendered(params) { params.api.gridOptionsWrapper.gridOptions.setOnRenderedCallback(() => console.log('Custom Tool Panel rendered') ); } }

4. 最后，在 ag-grid-angular 组件的 HTML 模板中，在 toolPanelReady 事件中触发 onToolPanelRendered：