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

如何通过查询选择器获取已实例化的ag-grid对象引用?

如何通过DOM元素获取AG Grid实例引用?

可以直接通过DOM元素的agGrid属性获取AG Grid实例,这是AG Grid在实例化时自动挂载到容器元素上的引用。

实现代码示例

修改你的Script 2如下:

// Script 2
var gridElement = document.getElementById("myAgGrid");
var theAgGrid = gridElement.agGrid; // 获取AG Grid实例

// 调用API操作表格
var data = theAgGrid.api.getDataAsCsv();

补充说明

  • AG Grid实例本身直接暴露了api和columnApi属性,无需通过gridOptions间接访问,代码更简洁。
  • 如果你担心全局属性冲突,也可以在实例化时主动把实例存入全局作用域或可访问的变量中:
    // Script 1
    window.myAgGridInstance = new agGrid.Grid(document.getElementById("myAgGrid"), gridOptions);
    
    后续在任意脚本中直接使用window.myAgGridInstance即可操作表格。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.22 00:06:18