You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

查找AG Grid中CellRendererParams onClick参数的TypeScript类型定义

AG Grid cellRendererParams.onClick 的 TypeScript 类型及相关定义

a) onClick 方法的具体参数类型

cellRendererParams 中 onClick 方法的标准参数类型为:

(event: MouseEvent, params: ICellRendererParams) => void

其中 ICellRendererParams 包含单元格核心数据,常用属性包括:

  • data: 当前行的数据对象
  • node: 当前行的 RowNode 实例
  • column: 当前列的 Column 实例
  • value: 当前单元格的显示值
  • api: AG Grid 的 GridApi 实例
  • context: 网格配置的上下文对象

如果自定义渲染器不需要事件对象,也可以仅接收 ICellRendererParams,但标准定义包含事件参数。

b) 类型定义的位置

这些类型定义在 AG Grid 核心包的类型声明文件中:

  • 社区版路径:@ag-grid-community/core/dist/ag-grid-community.d.ts
  • 企业版路径:@ag-grid-enterprise/core/dist/ag-grid-enterprise.d.ts
    ICellRendererParams、RowNode、Column 等核心接口均在上述文件中声明。

c) CellRendererParams 的完整定义

CellRendererParams 是 ICellRendererParams 的类型别名,完整接口定义(包含你提到的 validators 属性)如下:

import { RowNode, Column, ColDef, GridApi, ColumnApi } from '@ag-grid-community/core';

type ValidatorFn = (value: any, params: ICellRendererParams) => string | null | undefined;

interface ICellRendererParams {
  // 核心单元格数据
  data?: any;
  node: RowNode;
  column: Column;
  colDef: ColDef;
  value: any;
  api: GridApi;
  columnApi: ColumnApi;
  context: any;
  refresh(params: ICellRendererParams): boolean;
  // 表单验证相关属性
  validators?: ValidatorFn[];
  validationError?: string;
  // DOM 元素引用
  eGridCell?: HTMLElement;
  eParentOfValue?: HTMLElement;
  // 行/列位置信息
  rowIndex: number;
  floating?: string;
  isScrolling?: boolean;
  // 扩展自定义参数
  [key: string]: any;
}

type CellRendererParams = ICellRendererParams;

若你的类型声明中 CellRendererParams 显示为 any,请确保安装了对应版本的 AG Grid 核心包,并在代码中正确导入类型:

import { ICellRendererParams } from '@ag-grid-community/core';

内容的提问来源于stack exchange,提问作者Emery Noel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 17:08:08